[Resolved] Headline Blocks inherits Font Size

[Rick]

Dear support team,

I’m using one of the Single Page hero’s as element. And they look pretty great, but one thing is puzzling me.

If you go to any of my blogs you will find a header that says one of these two lines:
– UPDATED ON JAN 22, 2023 Power Query
– WRITTEN BY RICK DE GROOT

https://gorilla.bi/power-query/replace-values/

There is some css that overwrites the font size I’d like to pick. The CSS is saying:
div.gb-headline {
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1em;
}

In the element I have actually set up a different font size for the headlines. So by taking away

font-size: 12px;
font-weight: 700;

From the previous statement, I get the right size. I tried looking where this div.gb-headline { was setup, but I can’t find it. Any suggestions? It does not seem to be the Heading block, the container nor the grid.

Thanks,
Rick

[Fernando]

Hi Rick,

That font setting can be found in Appearance > Typography > Typography Manager. By default, it should be somewhere near the bottom.

Reference to the Typography Module: https://docs.generatepress.com/article/dynamic-typography-overview/

[Rick]

Brilliant. I never figured there was an additional font that gets added in the area when I create a block in the elements section.

This is solved! Thank you

Rick

[Fernando]

You’re welcome, Rick!

[Author]

Posts