Change Color of One Menu Item

  • Hello,

    I am having a really tough time with this. I have one menu item (COVID-19) I want to change the color to Red. I’ve created a custom class in Menus under the COVID-19 and called it covid-nav

    When I inspect the elements of the menu item on the page, it looks like it is not registering the custom class I created. Thus, when I create code in Custom CSS, it is not changing the color of the font to Red.

    Any help is greatly appreciated. I’m pulling my hair out. I must’ve done something wrong along the way.

    Thanks,

    James

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator James Huff

    (@macmanx)

    The issue is that the menu items already have color: #58585a !important; applied.

    The !important will override anything else added, even another !important value, so you’ll never be able to make that specific menu red.

    This isn’t part of the theme theme itself, so I recommend removing that value from where it was added.

    Thread Starter treblamj

    (@treblamj)

    @macmanx

    The color values were set on the front end of the divi theme builder in my Custom Home page header. The color value was set for all menu items in the Menu Settings > Design > Menu Text. I am not sure where I can override the one menu item value that I am trying to do.

    Thanks for your help. Any thoughts?

    James

    • This reply was modified 4 years, 6 months ago by treblamj.

    I’d recommend checking in with Divi support on this. Or, if you want to remove that setting, we may be able to help you set the colors as you’d like using CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Color of One Menu Item’ is closed to new replies.