Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #443789

    Hello Support,

    I would like to use the colored background buttons for my navigation but would like to change the background color of one of them. I figured out I can target this menu item with a specific class in the wordpress menu setting but this causes the whole header part of that button to my background color and I’d like to only change the background color of that one button.

    Can this be done? I guess i have to target the proper style to this CSS in the custom css section of the theme settings. But how? I named my style ‘green’.

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text

    Thanks in advance!


    Hi originaltours!

    Could you provide us with a link to the site in question so that we can take a closer look please? Also, a screenshot highlighting what you are trying to achieve would help us understand better.



    Hi Rikard,

    Site is on WAMP local environment. I have made a screenshot of what I’d like to achieve and included it here. Is this enough?




    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    li#menu-item-3197>a>.avia-menu-text {
      background-color: #94d500 !important;
      border-color: #94d500 !important;

    You can right click on Chrome or Firefox to inspect elements to find menu item ID’s



    Thanks, works perfect. Ticket can be closed.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change background color of 1 colored button’ is closed to new replies.