Support » Theme: Expressions » Change primary menu size and colour

  • Resolved melissanichol


    I am looking to change the size and colour of the primary menu from the default.
    Is this possible? I cannot find it in the CSS.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator t-p


    Try using – for example – a tool like Firefox with the Firebug add-on for this kind of CSS work. . Help info on Firebug

    Theme Author kevinhaig


    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!

    Theme Author kevinhaig


    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!!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change primary menu size and colour’ is closed to new replies.