Hey, you can change it by pasting this into your custom css box in theme options > advanced settings:
#nav-second ul.sf-menu ul li a {
font-size: 14px;
}
Hannah
Hi Hanna
I would be also interested in changing:
1) The font
2) the color
3) the background color
in the drop down menu.
Hey, you can actually just use the same css selector:
#nav-second ul.sf-menu ul li a {
font-family: sans-serif;
color: #000;
background: #999;
}
Hannah
Thank you Hanna,
And lastly could you tell how to change the color of the borders around each of the drop down menu items.
(each item is boxed in white still)
Thanks
I think this will work:
#nav-second ul.sf-menu li {
border-color: #000;
}
Hannah
Hey Hanna,
Thank you for replying quickly.
I am now using
#nav-second ul.sf-menu ul li a {
font-size: 14px;
font-family: lato;
color: #b49d5a;
background: #000000;
font-weight:700;
font-style:normal;
border-color: #000000;
}
everything is working, except for the borders around the drop down menu items.
is there anything wrong with the above code?
see http://greaterbostonhypnosis.com/
neither border-color: #000000;
or border-color: #000;
change the white boarders
thanks again
Try this:
.sf-menu ul {
border-left: #000;
border-right: #000;
border-top: #000;
}
.sf-menu ul li {
border-bottom-color: #000;
}
Hope that does it!
Hannah
Hi Hanna
That helped, amd is close, but still needs color change for sides, top and “mouse over color of bottom” see site http://greaterbostonhypnosis.com/
PS and tried to guess
.sf-menu ul li {
border-bottom-color: #000;
border-side-color: #000;
border-top-color: #000;
}
and it did not work
Ok sorry about this. Try removing this:
.sf-menu ul {
border-left: #000;
border-right: #000;
border-top: #000;
}
.sf-menu ul li {
border-bottom-color: #000;
}
And adding this:
.sf-menu ul {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.sf-menu ul li {
border-bottom-color: #000;
}
.sf-menu ul li:hover {
border-bottom-color: #000;
}
Thank you so very much for your awesome support.
wanted you to know that both work:
1)
.sf-menu ul {
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.sf-menu ul li {
border-bottom-color: #000;
}
.sf-menu ul li:hover {
border-bottom-color: #000;
}
2)
.sf-menu ul {
border-left: #000;
border-right: #000;
border-top: #000;
}
.sf-menu ul li {
border-bottom-color: #000;
}
.sf-menu ul li:hover {
border-bottom-color: #000;
}
you are welcome to mark this thread as resolved if you like..
Again thank you !
Hey Hanna
One last question..
How to specify the font color, during hoover, in the drop down menu.
You can use this:
#nav-second ul.sf-menu a:hover {
color: #fff;
}
Hannah
At some point I made the color on the navigation menu red and now I want to change to black, but can’t find where I can do that. wwww.bottledwatercoststoomuch.com
Can you point me into the right direction?
Britt
Hey
From the wordpress admin panel
Appearance >> THeme Options >> Menu Settings >> Primary Menu Options (or Secondary if that is the one used)
to change font settings
Hope that helps
Charlie
