Archived topic
header color
9 replies · Started by ivar on March 8, 2019
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
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.
I understand that? https://neformativ.ru/wp-content/uploads/2019/03/bezymyannyy97512.png
But nothing changes on the page....
And what happens if you increase that value?
You can also add more top-padding to the hero content.
Not change... Maybe there is a way CSS assign a title color to a specific page?
Can you link me to that page? You can edit your original topic and use the Site URL field for privacy.
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;
}
}That's great! You as always on top!
Glad to be of help
