Change title font?

Hi there, Pinkzzz!
You can easily do this be apply custom css. This can be done be using either a child theme or a custom css plugin.

This is the code you need to use:

.entry-title {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    color: black;
}

The font-family is the font you want to use. In this example three different fonts are listed, two for backup. Change these values to your liking.

I hope this helped you out ??

Thanks for your reply but I still cannot change it. I have installed a plugin called simple custom css and pasted in that code but the fonts did not change. Is there anything else I have to do? Sorry I am new to all this, any help would be greatly appreciated.

Yeah. change the “Montserrat, “Helvetica Neue”, sans-serif” to what font to want and “black” to the color you want. The code I gave you are the code from your site and you need to change them.

Yes i tried that. I kept only the Montserrat font. Did not type others. Kept color black.. still not working! ??

If you keep the Montserrat font nothing will change… If you want to change it choose another font. The way the font-family work is that if the first one is available it will use that. If not, it will use number 2 or the one that is available. You have backups for your fonts.

Which font do you want to use?

Hi,

I’m trying to change the page and post title sizes to make them smaller for a website using Twenty Sixteen. I’ve changed it in the .entry-title code you mentioned above but it doesn’t seem to make any difference. I’ve tried refreshing, clearing browser cache, using different browser etc and makes no difference.

I’ve also tried changing the header sizes for h1, h2 and h3 in style.css but when I change the code and it makes no difference.

I’ve tried all these changes in style.css for both the main theme and in a child theme (with child theme activated). Neither works. Although other minor alterations I’ve made (e.g., to font weight of main navigation menu have worked fine ).

Is there some other code somewhere that’s stopping the changes showing?

Site is: https://bravestboat.co.uk

Any tips appreciated! I’m fairly new to css tinkering.

Hi Akroe!
The css might not be applied because it is define multiply places. The theme is responsive, which means the size of the post title changes based on the size of the user’s screen.

Here is the css code that is applied to the post title at the moment:

@media screen and (min-width: 61.5625em)
.entry-title {
    font-size: 40px;
    font-size: 2.5rem;
}

@media screen and (min-width: 44.375em)
.entry-title {
    font-size: 33px;
    font-size: 2.0625rem;
}
.entry-title {
    font-size: 28px;
    font-size: 1.75rem;
}

Try changing these to your liking. If this does not help, you could use the command “!important” at the end of a rule. This will make that rule overwrite all other. Be careful when you are using this however. Like this:

font-size: 48px !important;

Wahey!!

I found all these in theme code and changed them, and yes that works.
Thank you very much.

I will keep the !important tip in mind too….!