CSS - Font Of H1-H6 Cannot Be Changed. SPPB + Rhythm
Thomas Kitschke
Hello,
our new website is being created at http://lobero.eu/ and can be found there until it is finished. Then it will replace the old page (bhp-weisshaar.de).
We would like to globally change the fonts for h1, h2..., h6 headings. Unfortunately this does not work (google fonts and uploaded fonts in pb).
For example on the home page the heading "Latest Release", this is H2, if I change H2 in the template nothing happens.
The settings in the template are completely ignored, those in the pagebuilder are only applied if the text is selected directly. But not globally.
Strangely, h1 and h6 have oswald as the font, although this is not set anywhere.
Can you please give me a tip where I can make the setting globally? What am I doing wrong?
We use the Rythm Template.
Many greetings Thomas
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
If you set specifically for any addon then it will override the one from template.
You may try to use custom CSS, then it will apply globaly.
Here is a sample code snippet for you:
h2 {
font-family: 'Playfair Display', sans-serif !important;
font-size: 72px !important;
}Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards