Title: CSS Classes
Last modified: October 18, 2019

---

# CSS Classes

 *  Resolved [donp287](https://wordpress.org/support/users/donp287/)
 * (@donp287)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/)
 * I am a very novice WordPress user, using Twenty Seventeen. I wish to add color
   to menu bar – text and background. I have enabled CSS Classes in menu editor 
   but cannot find exactly what to enter there. Any help and/or examples would be
   much appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [HudsonValleyWebDesign](https://wordpress.org/support/users/jaycbrf/)
 * (@jaycbrf)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/#post-12036422)
 * You can ask for help in your theme’s forum or take a quick free course on CSS
   here:
    [https://www.codecademy.com/learn/learn-css](https://www.codecademy.com/learn/learn-css)
 * It is very easy.
 *  [mark l chaves](https://wordpress.org/support/users/mlchaves/)
 * (@mlchaves)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/#post-12037284)
 * Hi [@donp287](https://wordpress.org/support/users/donp287/) ,
 * Welcome to WordPress! _Enhancing _your **CSS **skills is a worthy investment 
   as [@jaycbrf](https://wordpress.org/support/users/jaycbrf/) recommends.
 * To get you started. Here’s how you would make **Twenty Seventeen** top menu navigation
   bar have a **pink **background colour.
 *     ```
       .navigation-top {
           background-color: pink;
       }
       ```
   
 * Try this your self by adding this code to your Appearance > Customize > Additional
   CSS.
 * Also, please make effort to learn how to use the Firefox and Google developer
   tools.
 * Share & enjoy!
 *  Thread Starter [donp287](https://wordpress.org/support/users/donp287/)
 * (@donp287)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/#post-12038448)
 * Thanks Mark that is helpful. After working as an IT Developer for 40 years I 
   do have some HTML knowledge having done a bit of web work in the past with Dreamweaver.
   I have plugged this CSS code into the customise screen as suggested and republished
   but background on menu bar is still transparent so it would appear that the default
   of transparent background is not being overwritten.
    A second small point – what
   is CSS Class to set site-wide background color – this is also default transparent
   in Twenty Seventeen and i would like a lightgray background.
 *  [mark l chaves](https://wordpress.org/support/users/mlchaves/)
 * (@mlchaves)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/#post-12038888)
 * Hi [@donp287](https://wordpress.org/support/users/donp287/),
 * Sorry. I should have added this to the comments. Try adding the `!important` 
   command to force the override. This command can be _abused_, so it’s best to 
   try without first.
 *     ```
       .navigation-top {
           background-color: pink !important;
       }
       ```
   
 * Still a chance this won’t work. I’d need to see your page to reproduce the issue
   and troubleshoot, if this is the case. Always _best _to supply the page link 
   to avoid wasting cycles. You’ll get more people looking at your issue too.
 * For your follow-on question, please post that to the **Twenty Seventeen Theme
   forum**. You should probably post both of your questions there instead of here.
 * [https://wordpress.org/support/theme/twentyseventeen](https://wordpress.org/support/theme/twentyseventeen)
 * Enjoy!
 *  Thread Starter [donp287](https://wordpress.org/support/users/donp287/)
 * (@donp287)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/#post-12039009)
 * Thanks; have moved to theme forum which I did not know existed – thanks for your
   patience

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CSS Classes’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Twenty Seventeen](https://wordpress.org/support/topic-tag/twenty-seventeen/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 3 participants
 * Last reply from: [donp287](https://wordpress.org/support/users/donp287/)
 * Last activity: [6 years, 8 months ago](https://wordpress.org/support/topic/css-classes-13/#post-12039009)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics