-
AuthorPosts
-
June 10, 2016 at 7:36 am #646067
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 #646473Hey 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,
RikardJune 11, 2016 at 1:22 pm #646526Hi 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 #646651Hi,
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, 6 months ago by Vinay.
June 12, 2016 at 11:47 am #646854Hi 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 #647388Hi,
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,
VinayJune 13, 2016 at 2:18 pm #647393Hi Vinay,
Thank you very much. Top!
June 13, 2016 at 2:33 pm #647408Hi,
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 -
AuthorPosts
- The topic ‘Transparant background color submenu’ is closed to new replies.