Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #598147

    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

    #598171

    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

    • This reply was modified 8 years, 9 months ago by Vinay.
    #598439

    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

    #598472

    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

    #598481

    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

    #598572

    Hi!

    Please uncheck the shrinking header in Enfold > Header > Header behavior

    Cheers!
    Vinay Kashyap

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.