Archive page headings

windwhistle · Member · Oct 3, 2020 at 5:32 pm
Copy link

Add topic to favorites
On my Archive (Category?) pages, at the top, the name of the category appears much smaller than the word “Category.” I think they were once the same size. In any case, I can’t figure out a bit of CSS to make the category name the same size as the word “Category” just above it. Help please? Thanks in advance.

The blog I need help with is: (visible only to logged in users)
staff-zinnia · Staff · Oct 4, 2020 at 1:22 pm
Copy link
Good morning –

I am not seeing the word “category” when I open up the posts. Perhaps this is only visible to you when editing and working on posts? Please take a screen shot of what you are seeing and add it to your media library where we can take a look. That will be a big help.

Tomorrow (Monday) you’re able to get in touch with our live chat support team as part of your premium plan upgrade. To do that, go to https://wordpress.com/help/contact/
windwhistle · Member · Oct 4, 2020 at 5:26 pm
Copy link
You have to open a category at the top of the page. Then you’ll see it:

https://piedtype.wordpress.com/wp-admin/upload.php?item=60989

I’ll contact the live chat support team tomorrow. Thank you
staff-totoro · Staff · Oct 4, 2020 at 9:20 pm
Copy link
Hi there,

I can confirm this is how the theme you are using (Beacon) normally appears. You can confirm by visiting a category page on the demo site here: https://beacondemo.wordpress.com/category/photos/

You can correct that, and make the category name the same size as the “Category” title, and make it appear inline instead of on the next line. This code will get you there:
```
.entry-archive-title span {
    font-size: 30px;
    display: inline;
}
```
hope this helps!
staff-totoro · Staff · Oct 4, 2020 at 9:20 pm
Copy link
Hi there,

I can confirm this is how the theme you are using (Beacon) normally appears. You can confirm by visiting a category page on the demo site here: https://beacondemo.wordpress.com/category/photos/

You can correct that, and make the category name the same size as the “Category” title, and make it appear inline instead of on the next line. This code will get you there:
```
.entry-archive-title span {
    font-size: 30px;
    display: inline;
}
```
hope this helps!
musicdoc1 · Member · Oct 4, 2020 at 9:38 pm
Copy link
@windwhistle,

I think they were once the same size.
On smaller screens they are the same size. I found this to be so on all mobile phone screen sizes I tried, and on tablet screen sizes of ~7″ or less.
windwhistle · Member · Oct 5, 2020 at 12:21 am
Copy link
@staff-totoro That worked. Thank you!

@musicdoc1 Ah, that explains it. I work on a laptop, and occasionally look at my phone. Thanks.
staff-totoro · Staff · Oct 5, 2020 at 12:24 am
Copy link
Nice catch @musicdoc1 I see that on mobile the appearance does switch at 690px :)

Video at this link: https://d.pr/v/G1b74C

@windwhistle if the code I gave above causes issues you can use this version to make sure it does not affect mobile:
```
@media only screen and (min-width:691px) { 
	.entry-archive-title span {
    		font-size: 30px;
    		display: inline;
	}
}
```
windwhistle · Member · Oct 5, 2020 at 12:51 am
Copy link
Noted. Thanks again, both of you.

No items found.