How do I change the font size of the title of Posts?

How do I change the font size of my post titles?

Hello Gavin,

Thanks for writing in!

Please add following CSS under X > Theme Options > CSS:

.entry-title {
    font-size: 200% !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

Ive tried to do this but havent noticed any changes.

Hey Gavin,

Please try this code instead:

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

Kindly make sure to clear your site’s cache after adding the code.

Hope this helps.

This didnt work either.
An example of what I am trying to change is the title of this post.
https://optimalhealthmd.com/publications/hormones/hgh/relationship-problems-low-hgh-may-be-to-blame/

Hey Gavin,

I have just tried that code and it should work fine. If you have cleared the site’s cache after adding the code and it did not take effect, perhaps there is a CSS error in the codes that are in the Global CSS since when I inspected the site through the code inspector, the code suggested is not appearing.

To verify that, please copy all the codes that are in the Global CSS and paste it here.

It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.

Hope this helps.

Sorry about that. I thought I could comment out with // and thus i had an error with my code. Everything works fine now. Thank you!

Hi Gavin,

Yes // is for the JavaScript single line comment, for the CSS you should use /* */ to comment out lines. To learn more about CSS comments please see https://developer.mozilla.org/en-US/docs/Web/CSS/Comments

We’re glad all is sorted now. Cheers!

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