Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 29, 2025 at 5:05 pm #1491950
    ceakins1908

    Hi!
    I have two buttons in my main menu of a barber website. One button is to “book haircut” and the other is to “book training.” I need to change the color of the “book training” button to #6c0f1b, but I cannot figure out how to with CSS. I also need to change the text color for the hover state for both buttons.
    Help!

    November 29, 2025 at 8:56 pm #1491952
    Mike

    Hey ceakins1908,
    Try this css in your Quick CSS:

    #top #wrap_all .header_color #menu-item-30.av-menu-button-colored > a .avia-menu-text {
    background-color: #6c0f1b;
    border-color: #6c0f1b;
}
#top #header.header_color.av_header_transparency .av-main-nav > li.av-menu-button-colored > a:hover .avia-menu-text {
    color: #000;
}

    Adjust the black hover color to suit, then clear your cache and check.

    Best regards,
    Mike

    November 29, 2025 at 10:24 pm #1491954
    ceakins1908

    Thanks, Mike! That worked. You can close this ticket.

    November 30, 2025 at 2:01 am #1491958
    ceakins1908

    Wait! I spoke too soon.

    I need to do the same thing with changing the button color for training on the mobile view. What would be the CSS for that?

    November 30, 2025 at 6:02 pm #1491962
    Mike

    Hi,
    For mobile add this css:

    #top #wrap_all .header_color .menu-item-30.av-menu-button-colored > a .avia-menu-text {
    background-color: #6c0f1b;
    border-color: #6c0f1b;
}
#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text {
    color: #000;
}

    Please note that mobile devices don’t have a hover rule, but the color changes on click, like the desktop hover, adjust to suit.

    Best regards,
    Mike

    December 1, 2025 at 2:33 am #1491965
    ceakins1908

    Thank you, Mike! This worked. You may close this ticket.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Two buttons in Main Menu; need to change button color of one’ is closed to new replies.