Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 9, 2016 at 5:21 pm #645576
    mmf1

    This code used to work to change the header transparency and color:
    #header{
    background-color: rgba(255, 255, 255, 0.7);
    }

    It does not seem to have an effect now can someone send me the adjustment to make?

    Thanks
    Mark

    June 10, 2016 at 12:29 am #645867
    Vinay

    Hey mmf1,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header_main {
    background: rgba(255, 255, 255, 0.7);
}

    You may need to clear the browser cache if you do not see the changes.

    Best regards,
    Vinay

    June 10, 2016 at 1:18 am #645892
    mmf1

    Thanks Vinay that did not work for me on the homepage, and it is working on the inner pages but then it does not look correct as the “Top Bar” needs adjustment to match….

    • This reply was modified 8 years, 6 months ago by mmf1.
    June 10, 2016 at 5:26 pm #646280
    Snerp

    I have the same issue as well after updating to the latest version of Enfold

    June 10, 2016 at 10:49 pm #646410
    Basilis

    Hi!


    @Snerp     can you please create a new ticket and provide us backend access?


    @mmf1     please rpovide us backend access here

    Thanks a lot guys, hope u understand

    Cheers!
    Basilis

    June 12, 2016 at 2:08 pm #646912
    mmf1

    Here are my backend credentials.

    June 15, 2016 at 6:04 am #648394
    Ismael

    Hi,

    Do you need a transparent header? You can set that in the page’s Layout > Header visibility and transparency settings.

    Best regards,
    Ismael

    June 15, 2016 at 12:51 pm #648559
    mmf1

    NO on the home page o I know how to do that, we were using this code to add color and opacity to the header menu only on the homepage:

    #header{
    background-color: rgba(255, 255, 255, 0.7);
    }

    After the theme update this does not work now. Please advise.

    June 16, 2016 at 4:39 pm #649312
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .home .header_bg {
    background-color: rgba(255, 255, 255, 0.7);
}

    If that does not help, Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here

    Best regards,
    Yigit

    June 16, 2016 at 4:45 pm #649315
    mmf1

    Hi Yigit this works on the scroll but not when you forst land on the homepage. How can it work on the main menu background color and not on scroll?

    June 16, 2016 at 4:46 pm #649318
    Yigit

    Hey!

    You should set your page to display transparent header as Ismael suggested

    Regards,
    Yigit

    June 16, 2016 at 4:48 pm #649320
    mmf1

    Ok when I do that see what happens in the link below.

    June 16, 2016 at 4:54 pm #649323
    Yigit

    Hey!

    Please change the code to following one 

    .home .header_bg {
    background-color: rgba(255, 255, 255, 0.7)!important;
    opacity: 1!important;
}

    Best regards,
    Yigit

    June 16, 2016 at 5:02 pm #649324
    mmf1

    Thank you that works, is there a way to make the scroll down on home page work like the rest of the site. The darker background som menu links show better?

    June 17, 2016 at 2:37 pm #649789
    Yigit

    Hi,

    It sounds like you are trying to make your hader glassy transparent. Can you please remove the code i posted here and edit your page and set it to display glassy transparent?

    Best regards,
    Yigit

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