Viewing 4 posts - 1 through 4 (of 4 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?

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