Main Navigation Colors

galavantingtomarvel.com is the site.

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?

The child theme style sheet

Looking at your Child Theme stylesheet now 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?

.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;
	}

And from that what isn’t working?

Please specify.

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.