Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 4, 2015 at 8:15 am #482554
    hardeep_singh04

    Hi,

    I want to change the background color of activated menu. Like this :- http://s14.postimg.org/mme2qlgbl/Untitled_1.png
    As you can see the home is activated, so its color is different (white) from rest of the menu color (green).

    I have tried these codes, but its not working on my site:
    .av-main-nav > li.current-menu-item { background-color: orange !important; }
    .av-main-nav > li.current-menu-item > a > .avia-menu-text { color: orange !important; }

    Note:: Website is in a local development server, so can’t provide you with the direct link. I can provide you with the screenshots only. So please provide me with the working code asap.

    Thanks in advance

    August 4, 2015 at 4:32 pm #482804
    Elliott

    Hey Hardeep!

    I think your code should be working. You could try this as well.

    .current-menu-item a { background: white !important; }

    Other than that we would need to see it in action to troubleshoot what’s going on.

    Best regards,
    Elliott

    August 4, 2015 at 4:52 pm #482824
    hardeep_singh04

    Thanks its working with the background but the text is also getting white in the activated state. Please see :- http://s17.postimg.org/jglpj1n9r/Untitled_1.jpg

    I want background in white and text in green!

    August 5, 2015 at 9:25 am #483155
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    August 5, 2015 at 9:33 am #483160
    hardeep_singh04

    I’m sorry I already told you that the website is in development server right now! I can only provide you with the screenshot as of now!

    August 5, 2015 at 11:27 am #483218
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .current-menu-item > a > .avia-menu-text { color: green !important; }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Cheers!
    Yigit

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