Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 13, 2015 at 4:05 pm #443789
    originaltours

    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!

    • This topic was modified 9 years, 6 months ago by originaltours.
    May 14, 2015 at 9:26 am #444150
    Rikard

    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.

    Regards,
    Rikard

    May 15, 2015 at 10:35 am #444871
    originaltours

    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?

    Navigation

    May 15, 2015 at 4:34 pm #445017
    Yigit

    Hi!

    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 http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

    May 18, 2015 at 8:42 am #445520
    originaltours

    Thanks, works perfect. Ticket can be closed.

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