Customizing - Typography - Headings

Hi there,

Not sure if I fully understand.

Using the customizer options should be the best option here.

There isn't one CSS that can change the font size of all headings.

Hi, can you please post all default css related to all headings here...

Hi there,

You can find it here:
https://github.com/tomusborne/generatepress/blob/b60b853630da6d9015722da903e53c8064148b0a/assets/css/main.css#L236-L272

But this is completely overridden by the customizer option.

Hi Elvin

I could get following:

h1 {
	font-size: 42px;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 29px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

Please guide to have heading sizes for mobile....

is it generate-style-inline-css...
which file generates it

Please guide to have heading sizes for mobile….

You can assign different font size on heading for mobile on the customizer. There's a mobile icon you can click if you want to set something different for mobile.

Here's a demo video on how to do it: https://share.getcloudapp.com/YEuRo00A

And the setting you put here will be generated into the generate-style-inline-css

is this the default there

@media (max-width:768px) {
    h1 {
        font-size: 31px;
    }
    h2 {
        font-size: 27px;
    }
    h3 {
        font-size: 24px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 19px;
    }
}

Yes that's the default value on the customizer settings for mobile.

Thanks, done.

No problem. :)