Hello!
I am fairly new to wordpress, so I am slowly trying to make my way through all the nuances of customizing child themes and such... and while I've been mostly successful in figuring things out for myself, there is this one tidbit I cant seem to wrap my head around.
I am trying to change the rollover action on the access nav menu links to be a border / underline color change (I am linking to my site and an image of what I want in case I am not describing this correctly.) I would also like the active / current page to be underlined in the same color to function as a sort of breadcrumb. Below is the link to the site, the image I want, and the code i've updated. And in case I didn't menton it, Im making a child theme based off twenty eleven.
My site
The mock-up of what I would like
and here's the code I've edited:
#access {
background: #4f77f8; /* Show a solid color for older browsers */
clear: both;
display: block;
text-align:center;
margin: 0 auto -1.5%;
width: 100%;
border-bottom: 6px solid;
border-color: #163ba7;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
display:inline-block;
text-transform: uppercase;
vertical-align: middle;
#}
Im not sure if I've done something completely wrong, but hopefully there is an easy solution to what I'm looking for! Thanks!!