Hey there!
I was given code below and worked perfectly but now I’ve been requested to change the white selection colour to a BLACK (it is currently white) and get rid of the white frame around the whole drop down menu (just leave without any frame). Can you please help me with this?
.header_color .main_menu ul ul, .header_color .main_menu .menu ul li a {
background-color: rgba(0,0,0,.2);
color: #ffffff;
}
Great thanks!
Best,
hacart
Hey Harold,
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.header_color.av_header_transparency .avia-menu-fx {
background: #000!important;
}
.av-main-nav ul.sub-menu li {
border-style: none!important;
border-width: 0!important;
}
Best regards,
Vinay
Hey Vinay,
I tried various options with the code you provided, but none of them worked. It only changed the underlying color for every menu item – it turned it black (when transparent). I’ll place a link below to the exact result I need for the drop down menu. Thank you for your kind help btw.
Best regards,
hacart
Hi,
We need to take a closer look, Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Best regards,
Vinay