Title: Main Navigation Colors
Last modified: August 21, 2016

---

# Main Navigation Colors

 *  [galavanting](https://wordpress.org/support/users/galavanting/)
 * (@galavanting)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/)
 * I would like to have a black with white writing in the drop down navigation, 
   and the hover to be white with black writing. Currently, it is solid black. Here
   is the code for my navigation:
 * _[please post a link to your site for help with CSS – code alone is useless]_
 * Any help would be great! thanks.

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

 *  Thread Starter [galavanting](https://wordpress.org/support/users/galavanting/)
 * (@galavanting)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928417)
 * galavantingtomarvel.com is the site.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928419)
 * > I would like to have a black with white writing in the drop down navigation,
   > and the hover to be white with black writing
 * What CSS have you tried for this?
 *  Thread Starter [galavanting](https://wordpress.org/support/users/galavanting/)
 * (@galavanting)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928443)
 * The child theme style sheet
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928444)
 * Looking at [your Child Theme stylesheet now](http://www.galavantingtomarvel.com/wp-content/themes/galavanting-to-marvel-child-theme/style.css?ver=3.5.2)
   it appears it is not set up correctly. You don’t need to copy the entire stylesheet
   again, you’re already transferring the styles over through the “`@import`” line.
 * Specifically, what CSS have you tried for the modifications you’re talking about
   in this thread?
 *  Thread Starter [galavanting](https://wordpress.org/support/users/galavanting/)
 * (@galavanting)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928446)
 *     ```
       .main-navigation ul.nav-menu,
       	.main-navigation div.nav-menu > ul {
       		border-bottom: 1px solid #000000;
       		border-top: 1px solid #000000;
       		display: inline-block !important;
       		text-align: center;
       		width: 100%;
       	}
       	.main-navigation ul {
       		margin: 0;
       		text-indent: 0;
       	}
       	.main-navigation li a,
       	.main-navigation li {
       		display: inline-block;
       		text-decoration: none;
       	}
       	.main-navigation li a {
       		border-bottom: #000000;
       		color: #000000;
       		line-height: 3.692307692;
       		text-transform: uppercase;
       		white-space: nowrap;
       	}
       	.main-navigation li a:hover {
       		color: #000;
       	}
       	.main-navigation li {
       		margin: 0 40px 0 0;
       		margin: 0 2.857142857rem 0 0;
       		position: relative;
       	}
       	.main-navigation li ul {
       		display: none;
       		margin: 0;
       		padding: 0;
       		position: absolute;
       		top: 100%;
       		z-index: 1;
       	}
       	.main-navigation li ul ul {
       		top: 0;
       		left: 100%;
       	}
       	.main-navigation ul li:hover > ul {
       		border-left: 0;
       		display: block;
       	}
       	.main-navigation li ul li a {
       		background: #000000;
       		border-bottom: 1px solid #000000;
       		display: block;
       		font-size: 11px;
       		font-size: 0.785714286rem;
       		font-color:#000000
       		line-height: 2.181818182;
       		padding: 8px 10px;
       		padding: 0.571428571rem 0.714285714rem;
       		width: 180px;
       		width: 12.85714286rem;
       		white-space: normal;
       	}
       	.main-navigation li ul li a:hover {
       		background: #000000;
       		color: #000000;
       	}
       	.main-navigation .current-menu-item > a,
       	.main-navigation .current-menu-ancestor > a,
       	.main-navigation .current_page_item > a,
       	.main-navigation .current_page_ancestor > a {
       		color: #000;
       		font-weight: bold;
       	}
       ```
   
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928453)
 * And from that what isn’t working?
 * Please **specify**.
 *  Thread Starter [galavanting](https://wordpress.org/support/users/galavanting/)
 * (@galavanting)
 * [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928465)
 * I am unable to change the font color to white. It is black on black right now
   and I can not find where to change the font color. I would also like to be able
   to make it so the hover is black font with white writing in the drop down navigation.

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

The topic ‘Main Navigation Colors’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 7 replies
 * 2 participants
 * Last reply from: [galavanting](https://wordpress.org/support/users/galavanting/)
 * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/main-navigation-colors/#post-3928465)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics