Typography H1 Size has No Effekt - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Typography H1 Size has No Effekt

RE

Roger Elsig

SP Page Builder 2 years ago

Hello

I want to make the page title bigger in size. I know I could use the CSS directly, but I think the template Typography would better suit my needs, since I can add sizes depending on the end user devices. Setting the font, the weight works fine, but the size doesn't have any effect. It stays 24 px no matter what.

https://prnt.sc/EmFYNxmFgTJ2

In the menu I made the page heading a H1.

Is there somewhere a global setting for the page title?

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #134747

Hi Roger,

It seems to be hard-coded in Template styles, becuase H1 is surrounded by extra classes.

But you can use Custom CSS to make it bigger, example syntax:

.sp-page-title h1.sp-page-title-heading {font-size: 36px;}

OR

change it in Typography > Custom > with H1 class name (as I already did, and works)

0
RE
Roger Elsig
Accepted Answer
2 years ago #134751

Hi Paul

Thank you. I know that I can make it bigger in CSS, just wanted to have the goodie of not needing to write CSS code for the different end user devices...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #134752

That's why option #2 appears to be reasonable :)

0