Typography H1 size has no effekt - Forum | JoomShaper
Solved SP Page Builder

Typography H1 size has no effekt

Asked by Roger Elsig 3 years ago Last activity 3 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?

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago · edited

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)

2 more replies

Roger Elsig Asked this

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...

Paul Frankowski Senior Staff

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

Log in to reply.