Change .site-title

Hello stoent

Add below css code in the customizer “add additional CSS”.

.site-title {
  font-family: “Rubik”, “Helvetica Neue”, sans-serif;
  font-size: 36px !important;
}

Hope it will help you.
Thank you.

Nope, dosen’t work ??

Okey, I reading now that Chrome maybe dont recognize the font I choose. So Google Fonts don’t work with this theme or what?

Hi there,

The site title in Rebalance already uses 36px Rubrik by default, so the CSS you’ve posted won’t change anything.

Can you clarify what aspect of the site title it is you’d like to change?

If it’s the font-family, what font would you like to change it to?

Hello!
I like to change the font in the header. I don’t know which font right now, I just want to test different.

So Google Fonts don’t work with this theme or what?

Using a font from a third-party service like Google Fonts requires a few more steps than using a normal web safe font (like Arial or Verdana).

If you plan on using a Google Font, you’d need to either use a plugin to enqueue the font file, or use an additional CSS rule to @import the font.

There’s a tutorial on both methods at https://www.wpkube.com/google-fonts-wordpress/

If you decide on the specific font you want to use, I can give you the exact CSS if you need it.

For example, if the CSS below is added to the bottom of the customizer, it will change the font to use Bungee from Google fonts:

@import url('https://fonts.googleapis.com/css?family=Bungee');

.site-title {
    font-family: 'Bungee', cursive;
}