• Resolved mpbswordpress

    (@mpbswordpress)


    Hey Everyone,

    I’m using the Pique theme, website is mpbs.ca. I’m looking to change the menu text color away from the white currently being used (menu is below the logo). Any idea where in the CSS I might find it? I looked, but I’m not anything close to an expert on this.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • You don’t want to make changes to any of the theme’s files. The next time you update the theme, your changes will be lost. The suggested way to make changes is to either create a child theme or use a CSS plugin. You already have Jetpack installed, so you can use Jetpack’s Custom CSS option. Go to Jetpack → Settings, and once you activate the Custom CSS option, you should see an option under Appearance → Edit CSS where you can add your own overriding CSS.

    To change the color of the navigation menu text, add this rule:

    .main-navigation a {
       color: #fcfbf9;
    }

    The value for color is what is currently in effect. You can choose a different color by using this color picker.

    I forgot to add that if you want to change the hover color (the color when the mouse hovers over the link), then you want to add this rule as well:

    .main-navigation a:hover {
       color: #a7cbdb;
    }

    The color value listed is that light blue color.

    Thread Starter mpbswordpress

    (@mpbswordpress)

    Super! Thanks for the help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing text color in Menu’ is closed to new replies.