change size: heading-font

Hi Ray,

Sure, thanks for using Chosen!

You can use the following CSS to do this:

@media all and (min-width: 43.75em){

  .site-title {
    font-size: 35px !important;
  }
}

Please copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

Thanks Ben,
I want to change the heading-font, the
.site-title-Code only affects the title-font…
The heading-font can be easily changed in the customize-mode, but
i didn′t manage to change the size of this font. Hope my problem is clear…
Thanks! Ray

Got it, sorry for the misunderstanding. Please try the following CSS instead:

.post-title {
  font-size: 38px !important;
}

Hi Ben,
that′s it. Great! Thanks! Perfect!
Ray

Great, no problem ??

Hello Ben! Very helpful!
I noticed, though, that the .post-title change size doesn’t affect the post titles in the homepage feed.

It changes:
-the wide post in homepage
– the single posts (i.e. when you click their links)

but not the single posts in the homepage feed.

Can you help me with that?
Thank you so much!

Sorry, I forgot ??
Can you also tell me how to change the weight of those titles with another css? I’d like to use a lighter appearance, about a 300 weight on my chosen font.

thanks!

I see, what’s happening is that the other post titles are already 38px, so it doesn’t create any visible change. If you further reduce the font size, you should see them change as well, like this:

.post-title {
  font-size: 28px !important;
}

For the font weight, the Playfair Display typeface used in Chosen does not have a lighter weight, so I’m afraid it cannot be made thinner. An alternative would be to use Easy Google Fonts or Chosen Pro to change the font used for the post titles / headings.

Thanks! It worked!
Have a nice day