[Resolved] Changing font for one page

[Sophie]

Hi,

I’m updating our “About Us” page on our website and want to be able to change the font on the headings on that one page without affecting the global font settings on our site.

How do I do this?

Thank you,

Sophie

Website: http://www.wedreamoftravel.com

[Leo]

Hi there,

The About page doesn’t have a heading coming from the theme.

If you are referring to the headings in the content then you can use GB’s headline block with the typography options:
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/headline-overview/#typography

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sophie]

Hi Leo,

Thanks for your quick response. Sorry, yes, I meant in H2s/H3s etc. However, I’ve read the online documentation (https://docs.generateblocks.com/article/typography-overview/) and I don’t have an option within the page to change to font family.

I have some CSS added to the page to change the appearance of my headings throughout our website so I don’t know if this is effecting it?

I can seemingly change the font for paragraph text within a container but this seems a very clunky way of going about it.

[Fernando]

Hi Sophie,

What Leo suggests is to replace the current Headings you have with GB Headline Blocks. Doing so should allow you to modify the typography through the Block Settings.

If you want to modify them through the Typography module, you can set the target element to .page.page-id-2211 :is(h2,h3) for instance. Example: https://share.getcloudapp.com/WnuZvn7J.

Reference: https://docs.generatepress.com/article/dynamic-typography-overview/

Including the page id in the target element allows us to target H2s and H3s specifically for that page.

[Sophie]

Great. Thank you so much Fernando, I’ll take a look at this.

[Fernando]

You’re welcome, Sophie!

[Author]

Posts