Executive Pro – Menu Color

  • Resolved Sarah1709

    (@sarah1709)


    8 years, 7 months ago

    Hi All!

    Thank you for your help, in advance!

    Ok, here’s my website:
    https://perogylady.com/

    I want to change the primary navigation menu font colour to something that stands out more (i.e. WHITE). I have done everything I can figure to change the font colour, and NOTHING will change it! I can change the background when I hover over them, I even changed the menu background to transparent, but THE MENU FONT COLOUR WILL NOT CHANGE! I don’t understand it! It just stays that same darn grey!

    Here’s the code I’m messing with:

    .genesis-nav-menu {
    background-color: transparent;
    clear: both;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    }

    .genesis-nav-menu .menu-item {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
    }

    .genesis-nav-menu a {
    color: #FFFFFF;
    display: block;
    padding: 16px 20px;
    position: relative;
    }

    And everytime I’m changing those two parts that say “color: #FFFFFF” to another colour, and NOTHING happens. What am I doing wrong?

    Thank you!! ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you tried:

    .executive-pro-red .genesis-nav-menu a {
    color: white;
}

    Hope you’re not editing the theme files.

    Thread Starter Sarah1709

    (@sarah1709)

    I tried…nothing ??

    I’m editing the stylesheet.css. What should I be editing? :/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Your theme authors will guide you to the right place to make CSS modifications. If for some reason they’re unavailable, you can install a Custom CSS plugin and put your CSS modifications in there.

    Thread Starter Sarah1709

    (@sarah1709)

    Nevermind! When I did a hard refresh it’s white! Thank you! Not sure why the hex code didn’t work, but hey…whatever works. Thank you so much!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The hex code will still work as long as you’re using the selectors I suggest. The selector you suggested, ‘.genesis-nav-menu a’ is not specific enough. Your style was being overridden because of this.

    Thread Starter Sarah1709

    (@sarah1709)

    Ah, ok. In other words, I needed to be changing the code under the theme color I had selected and not just the general theme styles? Thanks so much. Resolved.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Executive Pro – Menu Color’ is closed to new replies.