[Resolved] Page header text background colour

[scott doel]

Hi Tom,

Do you know how I can add a background colour, ideally slightly opaque to the text on the page header of GP Premium?

[Leo]

Hi Scott,

You can use HTML style inside of the Page Header Content. So add something like this:
<span style="background:rgba(239,239,239,0.46)">Page Header Content Here</span>

Let me know if this is what you wanted.

[scott doel]

Perfect Tom, thank you very much

[Leo]

You’re welcome!

[scott doel]

Sorry Leo, didn’t spot it was you and not Tom!

Should have asked first off but also is there a way to hide the page header on mobile?

[Leo]

All good 🙂

This CSS should work:

@media (max-width: 768px) {
    .generate-page-header {
        display: none;
    }
}

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

Let me know.

[scott doel]

Worked a treat, thanks Leo

[Leo]

You’re welcome 🙂

[Author]

Posts