galavantingtomarvel.com is the site.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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;
}
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
