[Resolved] How to add background color on the text of page header

[Paul]

hi, how are you

i want to add the header each page with generatepress element.

i want to add the background color on the text of page header, like this screenshot https://prnt.sc/sv81a0 or check sample website https://rolledmetalproducts.com/stainless-steel-type-201/

can you give me some advice?
thanks in advance

[David]

Hi there,

so this CSS for example:

.page-hero h1 {
    display: inline-block;
    padding: 10px;
    background-color: rgba(255,255,255,0.5);
}

This will add a transparent white background to the H1 title added to a header element.

[Paul]

hi,

thanks for quick response

https://prnt.sc/svd93c

which one I will put the above CSS?

[Paul]

hi, sorry, david
i think i should add them to Element, right?

[David]

Use Simple CSS

[Paul]

Now it is OK。
Thanks, David

[David]

You’re welcome

[Author]

Posts