[resolved] Change primary menu size and colour (6 posts)

  1. melissanichol
    Posted 2 years ago #

    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.

  2. Tara
    Volunteer Moderator
    Posted 2 years ago #

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

  3. kevinhaig
    Theme Author

    Posted 2 years ago #

    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.

  4. melissanichol
    Posted 2 years ago #

    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!

  5. kevinhaig
    Theme Author

    Posted 2 years ago #

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

  6. melissanichol
    Posted 2 years ago #

    Yes this worked! Thanks!!!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.