Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 24, 2014 at 7:09 pm #255707
    hobart

    I have a total of 8 items in my main menu. I would like 3 of the items to have a different color to differentiate them from other menu items. Each three need different colors (red, green, blue). I would then like their dropdown background colors to match their main menu item color. Could you supply me with the base custom CSS to make this happen. Thank you.

    Example:

    [red]Phone | [green]Internet | [blue]Cable TV | About Us | Support | Help | Contact

    April 24, 2014 at 9:29 pm #255800
    Yigit

    Hi hobart!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #menu-item-2852 a {
color: red;
}

    You need to add the code for each menu item and change menu item ID’s. You can right click on Chrome or Firefox to inspect elements to find menu item ID http://i.imgur.com/HyPTCRg.jpg

    Regards,
    Yigit

    April 24, 2014 at 10:22 pm #255854
    hobart

    Thank you for the quick response. Please see columbus-telephone.com. This code worked great for making the dropdown fonts different colors, which I wanted, but how can I make the main menu item the different colors as well?

    April 24, 2014 at 10:29 pm #255857
    Josue

    Hi!

    It would be the same procedure:

    Cheers!
    Josue

    April 25, 2014 at 5:36 am #255918
    hobart

    Thank you. I actually had some other custom CSS that was overriding it, I stripped it out and works great. Thanks for your help!

    April 25, 2014 at 5:37 am #255919
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Different colors for menu items’ is closed to new replies.