Span Coding for Color Changing in Active Modul

  • Alex

    (@expofield)


    5 years, 5 months ago

    Hello there!

    I want to change the active color of my main menu pages/categories putting the code in the navigation menu for each of them. I found this code:

    <span style=”color:#a57a6b;”>Home</span>

    Could you please help me to make it work only for the active/selected page?

    Thank you in advance!

    • This topic was modified 4 years, 4 months ago by Jan Dembowski.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Samuel O.

    (@wpcoworker)

    5 years, 5 months ago

    Hi Sandra,

    I am assuming this is your website – https://www.expofield.com/

    Please go to the dashboard & add the following CSS to Appearance > Customizer > Additional CSS

    #menu-main-menu li.current-menu-item a {
    color: #a57a6b;
}
    Thread Starter Alex

    (@expofield)

    5 years, 5 months ago

    Hey Samuel!
    Yes, that’s it! I tried to change it through CSS, but it’s not working. I tried other codes, too, but nothing works. That’s why I’m trying to change it through the Navigation Label and the code I’ve got seems to work, but I want it to work only in active module.

    Samuel O.

    (@wpcoworker)

    5 years, 5 months ago

    It should work. Can you please try updating the CSS with below:

    #menu-main-menu li.current-menu-item a {
    color: #a57a6b !important;
}
    Thread Starter Alex

    (@expofield)

    5 years, 5 months ago

    I tried that, too, but nothing

    Prabhat

    (@prabhatrai)

    5 years, 5 months ago

    Hey @expofield,
    There is no stylesheet available in the theme you are using.
    Try the below code, add it in Appearance > Customizer > Additional CSS:

    .current-menu-item a{
     color: #a57a6b !important;
 }
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Span Coding for Color Changing in Active Modul’ is closed to new replies.