Archived topic
Page header text background colour
7 replies · Started by scott doel on March 6, 2017
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?
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.
Perfect Tom, thank you very much
You're welcome!
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?
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.
Worked a treat, thanks Leo
You're welcome :)