Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 10, 2016 at 7:36 am #646067
    AppelenEelman

    Hello,

    Is it possible to create a transparant background color in the submenu. If so what is the css code to get it done!

    Thanks for you advice in advance.

    Willem Eelman

    June 11, 2016 at 7:09 am #646473
    Rikard

    Hey AppelenEelman,

    I’m not sure what you mean by that, could you try to explain a bit further and/or post screenshots of what you would like to change please?

    Regards,
    Rikard

    June 11, 2016 at 1:22 pm #646526
    AppelenEelman

    Hi Rikard, how can I post screenshots? What I mean is: the background color is now Blue. I want to try to make the Blue transparant so you can see a bit of the foto underneath it. I hope this explanation is helping ;-)

    June 11, 2016 at 9:07 pm #646651
    Vinay

    Hi,

    We have added the below CSS in Enfold > General Styling > Quick CSS 

    
#top .av-main-nav li:hover > ul {
    background-color: rgba(0,58,121,.55)!important;
}

    You may not see the changes until you clear in caching plugins settings and on your local browser.

    Best regards,
    Vinay

    • This reply was modified 8 years, 5 months ago by Vinay.
    June 12, 2016 at 11:47 am #646854
    AppelenEelman

    Hi Vinay,

    Thank you. I think we are almost there. I does nog seam to work yet. I did put some other code in General Styling Quick CSS and now the hover is trransparant.

    I think we are nog far from the solution but I need your help for that.

    Thanks, Willem Eelman

    June 13, 2016 at 2:15 pm #647388
    Vinay

    Hi,

    The code you entered was replaced in Quick CSS

    
/* transparent submenu*/
#top .av-main-nav li:hover > ul {
    background: rgba(0, 58, 121, 0.55) !important;
}

#top #wrap_all .av-main-nav ul > li:hover > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul{color:#ffffff;background-color:rgba(0, 58, 121, 0.55) !important;border-color:#ee820f;}

    replaced code 

    
.header_color .main_menu ul ul, 
.header_color .av-subnav-menu > li ul
 {
	background: rgba(0, 58, 121, 0.55) !important;
}
.header_color .main_menu .menu ul li a {
background:transparent!important;
} 
.header_color .main_menu .menu ul li a:hover {
background:#ee820f !important;
}

    The WP rocket was deactivated for testing purpose please clear cache in the plugin options and enable it.

    Best regards,
    Vinay

    June 13, 2016 at 2:18 pm #647393
    AppelenEelman

    Hi Vinay,

    Thank you very much. Top!

    June 13, 2016 at 2:33 pm #647408
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Transparant background color submenu’ is closed to new replies.