Menu Background color

[paloma]

I am working with the SKT Ele Nature Theme and I need a background on my #topmenu. The theme clearly has it coded for a transparent background but that’s not what I need. What code can I use to change this from style sheet?
#topmenu,.type3 #topmenu{float:none!important}
.home.has_trans_header .nivo-caption{top: 33%}
#topmenu ul li ul{display:none;position:absolute;width:220px;z-index:99999}
#topmenu ul li:hover > ul{display: block;}
#topmenu ul li ul li{margin:0;padding:0;width:100%;display:block;text-align:left}
#topmenu ul li ul li a{padding:10px 8%;width:auto;margin:0;display:block;font-weight:400;line-height:normal!important}
#topmenu ul li ul li ul{left:100%;top:0;float:none;margin-left:0}
#topmenu ul li:last-child ul{right:0}
#topmenu ul li:last-child ul li ul,#topmenu ul li:last-child ul li ul li ul,#topmenu ul li:last-child ul li ul li ul li ul,#topmenu ul li:last-child ul li ul li ul li ul li ul,#topmenu ul li:last-child ul li ul li ul li ul li ul li ul{margin-top:-38px;left:-100%}
#topmenu ul li span{font-size: 16px; padding-left: 6px;}
#topmenu ul li ul li span{display:none}
#topmenu .zn_parent_menu:hover li a{border:none!important}
.has_trans_header.home #topmenu{background-color:transparent!important}
span.menu_desc{display:block;padding-top:5px}
.mega-menu-item span.menu_arrow{display:none}
#topmenu ul li.mega-menu-item ul li ul{background-color:transparent!important}
#topmenu ul li.current-menu-item > a:link:after, #topmenu ul li.current-menu-item > a:visited:after, #topmenu ul li.current-menu-parent > a:link:after, #topmenu ul li.current_page_parent > a:visited:after, #topmenu ul li.current-menu-ancestor > a:link:after, #topmenu ul li.current-menu-ancestor > a:visited:after{content:”; border-bottom:0px solid; border-bottom-color:#282828; display:table; width:100%; margin-top:0;}
#topmenu ul li ul li.current-menu-item > a:link:after, #topmenu ul li ul li.current-menu-item > a:visited:after, #topmenu ul li ul li.current-menu-parent > a:link:after, #topmenu ul li ul li.current_page_parent > a:visited:after, #topmenu ul li ul li.current-menu-ancestor > a:link:after, #topmenu ul li ul li.current-menu-ancestor > a:visited:after{content:”; margin:0 !important; border-bottom:none !important;}

[Sonl Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[paloma]

It’s not live until I have finished it. What does it matter, I gave you the code you have in your style sheet. Just help me edit it.
I want the menu background to be #55ff2a, including the child levels, the font color to be #FFFFFF, and the hover background color to be #9fff87.

[Sonl Sinha]

Hi,

Okay, Tell me which theme are you using?

Regards,
Chris

[paloma]

SKT Yogi 2021

[Sonl Sinha]

Hi,

Kindly refer our image documentation how change menu background color.

See links below:

https://nimb.ws/eM5ijU
https://nimb.ws/niKB9d

Regards,
Chris

[Author]

Posts