Can I change the type size on my blog page

Hi, I’m using the masonry (grid style) layout and I find that the headings are a bit too big. Is there a way for me to change the heading font size? I tried the customizer, but it doesn’t work. Thanks.

Hi,

DId you mean the title post? if yes, you can decrease the font size using this CSS code below:

.blog h2.title-post.entry-title {
    font-size: 28px;
}

Put the code into Customizer > additional CSS

Regards,
Awan

Thanks for your reply Awan.
I was talking about the blog page where all my posts show up as thumbnails. The title of the post which comes under the thumbnail - this is quite big. Anyway of making it smaller?
Thanks again anyways.

This code should be working. You just need to adjust the font-size value.

I’ve used the code, changed the font to 12px, but nothing changes :frowning:

Hi, please try to add the !important rule to the code like this:

.blog h2.title-post.entry-title {
   font-size: 12px !important;
}

Hi Awan, my mistake. It was not a blog page, but a category page. So I used the code that you posted first, changed ‘blog’ to ‘category’, and it worked. Thanks a ton!

1 Like