Drop down menu font size

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 https://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 https://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