Hi,
On my homepage I am using a transparent header and have set my overall css header to
#header_main {
background-color: rgba(0,0,0,0.7);
}
so that it has an opacity over the image to look nice.
The problem is on the rest of the site it is applying that same css code and I do not want that. How do I only use that on the homepage but on the other pages I want to set a solid color header background?
Homepage
http://1c5.964.myftpupload.com/
Other page
Hi navindesigns!
please add the css selector with the page name or ID in this case it is “home” which is visible when you rightclick the page and inspect the body tag :)
Your css should be
.home #header_main {
background-color: rgba(0,0,0,0.7);
}
We added the modified code in Enfold > General Styles > Quick CSS
Please review your site now :)
Regards,
Vinay Kashyap
Thanks.
Why is my header scroll background not matching my main header background on inner pages?
eg – http://1c5.964.myftpupload.com/pages/about-us/
I want both colors to match the main background
Hey!
Can you please elaborate on the issue you are having? I am not able to see any difference on header between your pages.
Best regards,
Yigit
Look at the difference in background color on these two headers
Main Header
http://postimg.org/image/3l2wf0bv1/
Sticky Header
http://postimg.org/image/gafxjnbtz/
Let me know if that is clear now
Hi!
Please uncheck the shrinking header in Enfold > Header > Header behavior
Cheers!
Vinay Kashyap