Change primary menu size and colour

Try using – for example – a tool like Firefox with the Firebug add-on for this kind of CSS work. https://getfirebug.com/ . Help info on Firebug https://getfirebug.com/faq/

Hi melissanichol

The styles are in the js/superfish folder.

I am in the process of updating Expressions to the latest Superfish menu system. After the update I will be posting on how to change the menu styles in an Expressions Child Theme.

I have also recently posted on how to set up a child theme in Expressions.
Go to the authors home page for those posts.

The key elements are :

.sf-menu a {
  color: #8C8C8C!important; /* add !important if using a child theme */
  font-size: 1.1em; /*original size is 1.0em or 14px */
}

Thanks for filling in Tara,,,you are right Firebug is an invaluable tool.

Thanks for your quick response Kevin!

I found where I can edit the colour of the menu in the superfish.css but still am unable to change the size of the menu text. I am looking to scale it down a bit.

Could you point me in the right direction to where this can be changed. Besides that the menu is exactly what I am looking for!

So adding the font-size to .sf-menu a{} did not work? If you want to make it smaller use font-size: 0.9em;

Yes this worked! Thanks!!!