[Resolved] header color

[ivar]

how do I set a different header color for each page? In older versions of the plugin it was easier for me to understand…

https://docs.generatepress.com/article/merging-header-navigation-content/

sorry, I’ll change the question a bit… How to change the color I figured out, but on the page where I change the color of the cap disappears indent header. How to fix?

this is a standard page:https://neformativ.ru/wp-content/uploads/2019/03/im-01.png

and this has changed through “Element”:https://neformativ.ru/wp-content/uploads/2019/03/im-02.png

[David]

Hi there,

in the Header Element > Site Header Tab there is the Offset Site Header Height field.
Measure the height of your Site Header ( you can do this in the browser inspector ) and add that value in there.

[ivar]

I understand that? https://neformativ.ru/wp-content/uploads/2019/03/bezymyannyy97512.png
But nothing changes on the page….

[David]

And what happens if you increase that value?
You can also add more top-padding to the hero content.

[ivar]

Not change… Maybe there is a way CSS assign a title color to a specific page?

[David]

Can you link me to that page? You can edit your original topic and use the Site URL field for privacy.

[ivar]

https://neformativ.ru/kontakty

[David]

Aah ok – so the offset only applies to hero content. So you can use this CSS which will add some padding to the top of the page if the merged hero is present:

.header-wrap + #page {
    padding-top: 121px;
}

@media (max-width: 768px) {
    .header-wrap + #page {
        padding-top: 201px;
    }
}

[ivar]

That’s great! You as always on top!

[David]

Glad to be of help

[Author]

Posts