Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 15, 2016 at 5:55 pm #661450
    AllenChou

    Hello! It is the one of best theme that I’ve ever used. Do you know how to set transparence of sticky header background? I want it displaying on sticky like this: http://kriesi.at/themes/enfold-restaurant/

    I tried to use custom css below, but it caused logo transparent as well. .html_header_top.html_header_sticky #header { opacity: 0.8 !important;} I want only background transparent on sticky.

    Here is my site: http://baiiweii.com/
    And now my page is displaying glass transparent, but it doesn’t work still.

    Thanks!

    July 15, 2016 at 9:17 pm #661541
    Yigit

    Hey AllenChou!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av_header_glassy {
    background: rgba(255,255,255,0.8)!important;
}

    Best regards,
    Yigit

    July 16, 2016 at 2:26 pm #661627
    AllenChou

    I’ve put the css code in Quick CSS.
    It does not work, The sticky header is also solid but transparent.

    July 16, 2016 at 3:24 pm #661642
    AllenChou

    I found the css code you provide only affected normal header but sticky header.
    I’m trying to figure out resolution to sticky header.

    July 18, 2016 at 2:01 pm #661959
    Yigit

    Hi,

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

    .av_minimal_header .header_bg {
    background: rgba(255,255,255,0.6);
}

    Best regards,
    Yigit

    July 19, 2016 at 7:20 am #662345
    AllenChou

    fixed!
    thank you.

    July 19, 2016 at 2:11 pm #662491
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Do you know how to set transparence of sticky header background?’ is closed to new replies.