Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #1420629

    Hello. I’m trying to obtain opacity in my overlay burger background but when I change opacity (0,9) the screen become gray and not black opaque. Why?

    Code snippet

    #1420781

    Hey,

    Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:

    
    div.av-burger-overlay-bg {
      background: transparent;
    }
    

    Regards,
    Yigit

    #1420791

    Doesn’t work.

    #1420873

    Hey,

    Please make sure that there isn’t any errors in your custom CSS codes ( http://csslint.net/ ) and that you’ve cleared the caches.

    Regards,
    Yigit

    #1420886

    #top #wrap_all #header_main .av-burger-overlay-scroll {
    -webkit-backdrop-filter: saturate(0.9);
    backdrop-filter: saturate(0.9);
    background: rgba(0,0,0,0.9);
    }
    @media only screen and (max-width: 767px) {
    #top #header.header-scrolled .header_bg {
    background-color: rgba(20, 21, 23, 0.9);
    -webkit-backdrop-filter: saturate(0.9);
    backdrop-filter: saturate(0.9);
    }
    }
    @media only screen and (max-width: 989px) {
    #top #header.header-scrolled .header_bg {
    background-color: rgba(20, 21, 23, 0.9);
    -webkit-backdrop-filter: saturate(0.9);
    backdrop-filter: saturate(0.9);
    }
    }
    #top #header .header_bg {
    background-color: rgba(20, 21, 23, 0.9);
    }
    #top #header.av_header_transparency .header_bg {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    }
    #top .av_header_transparency,
    #top .av_header_transparency .header_bg {
    background: transparent !important;
    }

    #1420887

    Mike’s code.

    #1421096

    Hey,

    Is this all custom CSS you have in Enfold theme options > General Styling > Quick CSS and Appearance > Customize > Additional CSS fields?

    If it is, please create temporary admin logins and share them with us in the private content field so we can look into it.

    Best regards,
    Yigit

    #1421105

    Check.

    #1421107

    Hey,

    There was an error in the Quick CSS field and the code I provided was missing. After fixing the error and adding the code, it works as expected.

    Best regards,
    Yigit

    #1421110

    So now is there a little bit of transparency? Seems yes?! Right?

    #1421112

    I don’t like that you can scroll down and the logo scroll also. So you see the logo below.
    The logo should be fixed.

    #1421113

    Hey,

    Feel free to hire a freelance developer for further customization.

    Best regards,
    Yigit

    #1421150

    Where you have changed the css code? Code snippet? I can’t find about transparency……

    #1421153

    Or is this?

    #top div.av-burger-overlay-bg {
    background-color: transparent;
    }

    But if i change transparent with another name like white or yellow, doesn’t change. WHY??????????????????

    #1421155

    Hey,

    I added the code to the bottom of Enfold theme options > General Styling > Quick CSS.

    You are setting the background color with the following custom CSS:

    
    #top #wrap_all #header_main .av-burger-overlay-scroll {
        -webkit-backdrop-filter: saturate(0.9);
        backdrop-filter: saturate(0.9);
        background: rgba(0,0,0,0.9);
    }
    

    Best regards,
    Yigit

    #1421156

    Waiting for your update to change the overlay of the buttons that NOW DOESN’T WORK!

    #1421157

    There isn’t your code there…..

    #1421158

    Tried to add that but not changing… LOL!!

    #1421159

    Let it be. It’s ok black……..LOL

    #1421162

    Is possible to fix the overlay without scrolling down on mobile?

    #1421173

    Hey,

    You added it as a snippet in the Code Snippets plugin. See the link in the private content field below.

    You are setting the background color to black ( “0,0,0” ) with that code with 0.9 opacity. Edit this line “background: rgba(0,0,0,0.9);” and change it to “background: rgba(0,0,0,0.7);”if you’d like to apply less opacity.

    Best regards,
    Yigit

    #1421209

    Ok, please reply to my last request. If possible.
    Thanks

    #1421483

    Hey,

    I’m not sure if I understand your question. Please share more details and send us a screenshot.

    Best regards,
    Yigit

    #1421487

    Open the burger with phone and scroll down: all scroll down, logo included. This should not be scrollable.

    #1421884

    Hey,

    Try adding the following CSS code to your custom CSS:

    
    #top .av-burger-overlay-inner, #top .av-burger-overlay-bg {
    min-height: unset !important;
    }
    

    Regards,
    Yigit

    #1421908

    Well. Close. Thanks.

Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘Setting background overlay’ is closed to new replies.