Home › Forums › All Other Themes › Menu Background color
- This topic has 5 replies, 2 voices, and was last updated 3 years, 2 months ago by Sonl Sinha.
-
AuthorPosts
-
July 15, 2021 at 3:48 pm #181258
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;}July 16, 2021 at 11:37 am #181308Hi,
Kindly show us your website URL please?
Regards,
ChrisJuly 17, 2021 at 6:31 pm #181338It’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.July 19, 2021 at 12:40 pm #181406Hi,
Okay, Tell me which theme are you using?
Regards,
ChrisJuly 19, 2021 at 8:14 pm #181422SKT Yogi 2021
July 20, 2021 at 12:54 pm #181468Hi,
Kindly refer our image documentation how change menu background color.
See links below:
https://nimb.ws/eM5ijU https://nimb.ws/niKB9d
Regards,
Chris -
AuthorPosts
- You must be logged in to reply to this topic.