Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2023 at 11:07 pm #1399735
    Illingco

    I have a submenu I want to have control over the background color and possibly the font/button/border colors. But I cannot find what css class to use to get anything to change. I currently have socket scheme selected, but I’d like to change it without changing the socket CSS. Thanks.

    March 2, 2023 at 9:19 am #1399765
    Nikko

    Hi Illingco,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS: (just change the values as you see fit)

    #top #wrap_all .socket_color .av-subnav-menu .av-menu-button-colored>a .avia-menu-text {
    color: white;
    font-size: 13px;
    background-color: blue;
    border: 2px solid black;
}

    Best regards,
    Nikko

    March 2, 2023 at 8:24 pm #1399894
    Illingco

    Thank you for this, but it’s not quite what I am after. Not sure i’ll use either button format, or just the word menu as on the last one, “DIY Garage”. How do I control the black stripe going through that? Thanks for your help!

    March 2, 2023 at 11:01 pm #1399904
    Nikko

    Hi Illingco,

    Please try to replace the code I gave with this one:

    #top #wrap_all .socket_color .av-subnav-menu .av-menu-button-colored>a .avia-menu-text {
    color: #fff;
    font-size: 12px;
    background-color: #404040;
    border: 2px solid white;
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

#top .av-subnav-menu>li>a {
    background-color: transparent;
    margin: 0 6px;
    border: 0;
    color: white;
}

#top .av-subnav-menu>li>a:hover {
    opacity: 0.9;
}

    Best regards,
    Nikko

    March 2, 2023 at 11:18 pm #1399910
    Illingco

    Thank you! You may close this ticket.

    March 2, 2023 at 11:32 pm #1399914
    Nikko

    Hi Illingco,

    You’re welcome :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change CSS for submenu’ is closed to new replies.