Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #554104

    Hello,

    I cannot seem to get the CSS classes field to work for styling individual menu items. I have entered a CSS class name (rca-top-menu) into the CSS classes field of the menu item. And I have added the following to our enfold child stylesheet

    .rca-top-menu { color: #ebce3b !important; }

    I’ve tried to apply this style to a couple of mega menu column titles, as well as a top menu link. I see no change in color. Is there something else I should be doing?

    Thanks

    #554273

    Hi kvpacs,

    I get an error message when going to your page:

    Fatal error: Call to undefined function tribe_is_month() in /home/rotarycentrefort/public_html/wp-content/themes/enfold-child/functions.php on line 81

    Please try to fix it so that we can have a look at your issue.

    Best regards,
    Rikard

    #554280

    Is the error there now? I was updating plugins and had an issue for a few minutes.

    #554425

    Hi,

    It’s working fine now thanks. Not sure what you are trying to do there though, I can see your class being applied to the li element but I think you need to target the spans inside the li instead, so something like this:

    .rca-top-menu .mega_menu_title { color: #ebce3b !important; }
    

    Regards,
    Rikard

    #556308

    Thank you, that CSS worked perfect in targeting the mega menu titles. I’d also like to change the color of the “Subscribe” link in our top menu, but have had no luck. Would you mind providing the CSS selector for that?

    Thanks again

    #556450

    Hi,

    Please try the following as well:

    #menu-item-2190 a {
    color:yellow !important;
    }

    Best regards,
    Rikard

    #556694

    I was so close. That worked great, thanks again Rikard!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Apply CSS classes to menu items’ is closed to new replies.