Menu Background color

Home Forums All Other Themes Menu Background color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #181258
    palomapaloma
    Participant
    • Topics: 15
    • Replies: 44
    • Total: 59
    Member since: August 9, 2016

    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;}

    #181308
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL please?

    Regards,
    Chris

    #181338
    palomapaloma
    Participant
    • Topics: 15
    • Replies: 44
    • Total: 59
    Member since: August 9, 2016

    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.

    #181406
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Okay, Tell me which theme are you using?

    Regards,
    Chris

    #181422
    palomapaloma
    Participant
    • Topics: 15
    • Replies: 44
    • Total: 59
    Member since: August 9, 2016

    SKT Yogi 2021

    #181468
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27940
    • Total: 27940
    Member since: August 16, 2013

    Hi,

    Kindly refer our image documentation how change menu background color.

    See links below:

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

    Regards,
    Chris

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.