Changing the font size of the title of posts?

Support
#1

Hi,

I cannot change the font size of the title of my posts. I’ve looked at topic - [https://theme.co/apex/forum/t/how-do-i-change-the-font-size-of-the-title-of-posts/61181]

I’ve installed the code below,

.single-post h1.entry-title {
font-size: 33px;
}

to my customize CSS and additional CSS and refreshed the cache. When I go to change the font size nothing happens. The page I’m concerned about is https://www.rhodestostrength.com/blog/.

Thanks!

#2

Hello Candace,

Thanks for writing in!

This custom css is only good for single posts pages.

.single-post h1.entry-title {
  font-size: 33px;
}

If you want to target the post titles in the blog index and archive pages, you will have to use this code instead:

.blog .entry-title,
.archive .entry-title {
    font-size: 33px;
}

Hope this helps. Please let us know how it goes.

#3

The code still doesn’t work. The title of the post is huge on mobile and I cannot change the size of it. I’ve inserted both codes, saved, and cleared the cache out. No change. Is there something else I’m missing?

#4

Hey Candace,

The code Ruenel gave is in effect. You just need to reduce the font-size more. Try updating it to this:

.blog .entry-title, .archive .entry-title {
    font-size: 20px;
}

Hope that helps.

#5

I reduced the font size but it’s still the same on this page - https://www.rhodestostrength.com/blog/.

The Heading 1 size changes on the actual blog post itself but not on the blog roll page.

#6

Hey Candace,

I checked your blog posts and there are duplicate codes in your custom CSS with different font sizes that’s why your recent one might not be working. You can find and remove the duplicate entries of h1 font size customization and add the following code in your child theme’s style.css file instead:

.blog .entry-title, 
.archive .entry-title, 
.single .entry-title {
    font-size: 20px !important;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#7

It worked! Thank you so much!

#8

Glad we could help.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.