[Resolved] Unable to customize site header typography

[Janet]

I am using the Wordsmith template. I have updated to GP 1.81, but am unable to edit the fonts within the site header.

[Leo]

Hi there,

There isn’t any text in the header of default Wordsmith install.

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Janet]

Hi, I’m still unable to configure the site title and tagline within “customize header typography” without using custom css. Shouldn’t I be able to choose the font and size and visually inspect them in this area?

My site is in a staging area and is not live, would you still be able to access it?

Thanks

[David]

Hi there,

if you can share the staging site URL then yes we should be able to view it.

[Janet]

Thanks, I’ve edited the original topic with my url.

[Leo]

It’s under coming soon page so we can’t see.

[Janet]

Sorry, I’ve disabled it now.

[Leo]

Ahh you are referring to the title and tagline in the header element/page hero?

The site title and tagline options in typography only work in the actual header, not the page hero.

To set specific font in the header element, you can add the font-family property to the existing CSS:

h1.hero-header {
    letter-spacing: 7px;
    text-shadow: 3px 3px 8px #000000;
    font-family: "raleway";
}

Let me know 🙂

[Janet]

Oh, too bad, I was hoping to view different breakpoints with the mobile view.

Thanks

[Leo]

Sorry not sure what you mean?

Does this help?
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints

Let me know 🙂

[Leo]

No problem 🙂

[Author]

Posts