Title: background color
Last modified: August 24, 2016

---

# background color

 *  Resolved [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/)
 * Hi is there a way to change the background color of the primary navigation bar

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

 *  [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991690)
 * Hello,
    Sure. You go to Appearence > theme option > advance option and you have“
   Header Background Color”
 *  Thread Starter [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991691)
 * Hi Thanks, i did tried that, this changes the entire header section. I just need
   to change the area that the navigation bar is only.
 * For example like this site [](http://sosueme.ie/)
 *  Thread Starter [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991692)
 *  [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991706)
 * sorry but you do not put your link
 *  Thread Starter [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991709)
 * Sorry
 * [sosueme.ie]
 *  [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991741)
 * Try this code for changing the background & font color of the primary nav :
 * #nav-main .sf-menu ul {
    background: #000; } #nav-main ul.sf-menu ul li a { color:#
   fff; }
 *  Thread Starter [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991747)
 * Hi AntoineO
 * This didn’t make any change to the site
 * [#nav-main .sf-menu ul {
    background: #000; } #nav-main ul.sf-menu ul li a { 
   color: #ffbfd3; }] I have pasted the code in the custom CSS block in advanced
   settings if i inspect the section using firebug this is the section that i am
   referring to [<ul id=”menu-social-menu” class=”sf-menu sf-js-enabled”>]
 *  [antoineO](https://wordpress.org/support/users/antoineo/)
 * (@antoineo)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991770)
 * sorry mariolspeter :/
    i can not help you. I let profesionnals answer you !
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991774)
 * Hey mariolspeter,
 * I looked at your link and it took me to a site that wasn’t using the virtue theme?
   Can you post a link to your site?
 * Kadence Themes
 *  Thread Starter [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991816)
 * Nope, the link was just an example to show what i want to achieve.
 * [wallflowergirl.net] i am looking to change only the background of the navigation
   bar not the entire header
 *  [hannah](https://wordpress.org/support/users/hannahritner/)
 * (@hannahritner)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991844)
 * Hey mariolspeter,
    Paste this in your custom css box in theme options > advanced
   settings:
 *     ```
       #nav-second ul.sf-menu {
         background: #999;
       }
       ```
   
 * Hope it helps!
 * Hannah
 *  [Ben Ritner – Kadence WP](https://wordpress.org/support/users/britner/)
 * (@britner)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991858)
 * Or in the theme options > advanced styling you can set the secondary nav background.
 * Kadence Themes
 *  Thread Starter [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * (@mariolspeter)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991868)
 * Thanks Hannah
 * I changed to below as i was using the main option of the menu & it worked great
 * [#nav-main ul.sf-menu {
    background: #999; }]

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

The topic ‘background color’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/virtue/3.4.15/screenshot.png)
 * Virtue
 * [Support Threads](https://wordpress.org/support/theme/virtue/)
 * [Active Topics](https://wordpress.org/support/theme/virtue/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/virtue/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/virtue/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [colour](https://wordpress.org/support/topic-tag/colour/)
 * [navigation bar](https://wordpress.org/support/topic-tag/navigation-bar/)
 * [primary](https://wordpress.org/support/topic-tag/primary/)

 * 13 replies
 * 4 participants
 * Last reply from: [mariolspeter](https://wordpress.org/support/users/mariolspeter/)
 * Last activity: [11 years, 2 months ago](https://wordpress.org/support/topic/background-color-83/#post-5991868)
 * Status: resolved