I'm talking about the main header. I would like to set the header color for all pages in the Theme Options - Header Settings - Header Styling but then override the setting only on the homepage to have the header transparent but still show the logo and menu. I'm attaching a picture of the homepage header that I would like to make transparent.
There is not transparency option in the Page Options - Header Styling section of the Parameters and Options.
You already have a transparent header. That's why I send you the code to make transparent the sticky menu too because that was the only area that was green.
I currently have the website set up with transparent headers that I set in the Theme Options - Header Settings - Header Styling, then set a green header for each individual page in the Page Options - Header Styling section of the Parameters and Options. So then I have a homepage with a transparent header and pages with green headers.
However, the posts page, shop page and check out page do not allow me to change the header to green in the Page Options section of the Parameters and Options and I need them to be green.
So I want to set the Theme Options - Header Settings - Header Styling to green so all the pages show the green header and then if you can send me custom CSS to use on the homepage to have a transparent header that would solve me issue.
Does that explanation make sense? Do you need my login info?
Thanks for your explanation. Now I understand your request.
Yes please, can you send me your WordPress credentials? To include them safely click the Insert Credentials button in the editor toolbar (see how) so your reply will be private.
Is there custom CSS code to make the absolute header transparent on one page but still show the logo and menu?
Hi djasieniecki,
Are you talking about the sticky menu please (green background)? If yes, then you simply need to do change the background transparency (see video).
Thanks!
Hi Ylli,
I'm talking about the main header. I would like to set the header color for all pages in the Theme Options - Header Settings - Header Styling but then override the setting only on the homepage to have the header transparent but still show the logo and menu. I'm attaching a picture of the homepage header that I would like to make transparent.
There is not transparency option in the Page Options - Header Styling section of the Parameters and Options.
Hi djasieniecki,
To do that you can add this CSS code:
.site-header--sticky-active-style { background-color: transparent !important; box-shadow: none !important; }in the Parameters and Options > Custom CSS area of that page.
Thanks!
Sorry, that code makes the sticky header to be transparent, I would like the main header to be transparent.
Hi djasieniecki,
You already have a transparent header. That's why I send you the code to make transparent the sticky menu too because that was the only area that was green.
See video: https://d.pr/v/AURRl1
Thanks!
Hi Ylli,
Sorry, here is a full explanation.
I currently have the website set up with transparent headers that I set in the Theme Options - Header Settings - Header Styling, then set a green header for each individual page in the Page Options - Header Styling section of the Parameters and Options. So then I have a homepage with a transparent header and pages with green headers.
However, the posts page, shop page and check out page do not allow me to change the header to green in the Page Options section of the Parameters and Options and I need them to be green.
So I want to set the Theme Options - Header Settings - Header Styling to green so all the pages show the green header and then if you can send me custom CSS to use on the homepage to have a transparent header that would solve me issue.
Does that explanation make sense? Do you need my login info?
Hi djasieniecki,
Thanks for your explanation. Now I understand your request.
Yes please, can you send me your WordPress credentials? To include them safely click the Insert Credentials button in the editor toolbar (see how) so your reply will be private.
Thanks!
I made your Header Colors to green in Theme Options.
Now if you want to remove the green color from any page you need to add this CSS code:
.header-block, .site-header--static-header-type { background-color: transparent !important; }to Parameters and Options > Custom CSS area of that page.
Have a nice day!