Archived topic
Unique header for a specific part of site
32 replies · Started by Matthew on February 17, 2020
hello,
I would like my site logo to be a different version and the header background color different on the single posts of a custom post type, than it is elsewhere. I want to brand my blog differently from other parts of my site.
What's the best way to do this, an Element?
thanks!
Hi there,
yes a Merged Header element provides options to change logos, nav colors etc...
https://docs.generatepress.com/article/header-element-overview/#site-header
It was quite simple I created a header element and assigned a different logo under the'Site Header' tab. But how can I change the overall header color. I need it black so it blends with the logo.
I tried adding this CSS to the code container under "Page hero" tab:
background-color: #000000;
but this didn't work.
I don't want a Hero or a Merged header or anything (at this stage) but just to keep the header the same, but with the new specific logo and matching background color
thanks,
On the Site Header tab in your Header Element, you have the option to change the Header Background color - you can set this to whatever color you need including Transparent.
Where's that option.
Here's what I have access to,
https://drive.google.com/open?id=1HOxA_Q24YwRV2qvYjin5Kfwl6vsEBPul
thanks,
You have to Enable the Merge with Content for it to be displayed.
hey this is great but causes the main content section below to run up underneath the header.
Here's the before I enabled merge with content:
https://drive.google.com/file/d/1pOy6oXG-pwEWfRFnaRFkLBGLh_eLvKZU/view
and here's following with the background color changed too:
https://drive.google.com/file/d/1mH0xLbWJgAXwKTjgOh4AegJGhz4Tisj7/view
How come it needs to be merged, and can I bring it back down to show all my featured image and the search box?
thanks,
Color options are currently only part of the Merged header options, we get very little call for changing them without the merge option - but may review that.
Enable the Merge. And then set the Offset Site Header Height to match the height of your Header.
hey yes I had tried the offset. I thought it might be cache etc so cleared it (browser and plugin cache), disabled all plugins etc, but the offset hasn't applied. I put the exact amount in too, the header height which is 150px.
The upper part of the main container is still sneakily hiding behind the header. I edited my original topic with the URL, could you possibly check it out? It's the only Header Element in there, that I have working for the CPT "Pictures". You could compare it to the header elsewhere on the site.
thanks,
Just realised I can change the navigation button colors too with the Element. Superb!
That login / password isn't working for me. Can you double check ?
I changed the password.
In my editing of the original topic after the URL I put the guest user access U & P in brackets. The resulting formatting is quite confusing, hopefully you can make it out, but the username/password is there. Is there a way I can place the U/P so it formats without the extra confusing characters?
The correct new password has the first bracket (before "s2") but not the last bracket (after "Oh")
thanks,
Can you try this instead:
1. remove the Offset Site Header Height value.
2. In the Page Hero content add:
<!-- merged header -->
3. Add 150px top padding to the element
Works a beauty.
Even if this is a workaround I'm perfectly happy, but for interests sake, should the offset header method have worked? Is this a potential bug
thanks,
Awesome - it was me having a stupid moment - the Offset is designed to work with the Page Hero having some content.