• Resolved darobita

    (@darobita)


    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 ?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Add this code to custom CSS:

    li#menu-item-3663 a {color:yellow}
    li#menu-item-3666 a {color:yellow}
    Thread Starter darobita

    (@darobita)

    When you say custom CSS you mean in style.css page (apparence -> editor) ?

    David_G

    (@questas_admin)

    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.

    http://wordpress.org/plugins/simple-custom-css/

    Thread Starter darobita

    (@darobita)

    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 ?

    David_G

    (@questas_admin)

    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.

    Thread Starter darobita

    (@darobita)

    So I did exacly as you asked. Doesn’t seem to work ? :((

    David_G

    (@questas_admin)

    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.

    Thread Starter darobita

    (@darobita)

    Wow, the !important did the work ! Thank you very much !!!

    David_G

    (@questas_admin)

    Your very welcome.

    If there’s nothing more, please mark this thread as resolved.
    🙂

    David_G

    (@questas_admin)

    It looks like you also added the old snippet in your theme’s stylesheet, you may want to remove that.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change font of single item in menu’ is closed to new replies.