Change font of single item in menu
-
Hi, I want to change the color of the font of 2 items in my menu. Not the whole menu font. Here is my website : http://www.espacesushi.ca I want the item “promotion” and “nouveautés” to be yellow. Is that possible ?
-
Add this code to custom CSS:
li#menu-item-3663 a {color:yellow} li#menu-item-3666 a {color:yellow}
When you say custom CSS you mean in style.css page (apparence -> editor) ?
If you are going to do alot of customizing, then look into creating a child-theme, otherwise try this plugin. Not a good idea to edit the theme files directly as you will lose your edits when the theme is updated.
Ok so I istalled the plugin and I just type:
li#menu-item-3663 a {color:yellow} li#menu-item-3666 a {color:yellow}
in the plugin ?
Sorry, had to go to work.. Yes once its installed you will find “CUSTOM CSS” on your APPEARANCE menu. Simply add your code snippet and click the UPDATE CSS button. When you view your site you may need to clear the cache on your browser. CTRL + F5 on pc’s.
I see the problem with the code snippet. Try this first.
li#menu-item-3663 a {color:yellow;} li#menu-item-3666 a {color:yellow;}
If that doesn’t work then use this. Try the above first. There was a semi-colon missing
li#menu-item-3663 a {color:yellow !important;} li#menu-item-3666 a {color:yellow !important;}
Only use !important as a last resort.
Wow, the !important did the work ! Thank you very much !!!
Your very welcome.
If there’s nothing more, please mark this thread as resolved.
🙂It looks like you also added the old snippet in your theme’s stylesheet, you may want to remove that.
- The topic ‘Change font of single item in menu’ is closed to new replies.