Changing Main Menu Color

  • Resolved tcory

    (@tcory)


    5 years, 4 months ago

    Hello! I have been trying to change my home page main menu color from tan to black. I looked at several different forums and tried to use those similar problems/solutions to fix it. I could not get it resolved.
    I am using the mesmerize theme. I tried to inspect the menu and change the color. That was the only thing that worked, but the color did not stay.
    I cannot find where the CSS codes are for the main menu.

    I am fairly knew to creating a website. If anyone has any advise for this problem let me know. Thank you!

    The page I need help with: [log in to see the link]

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

    (@t-p)

    5 years, 4 months ago

    Try this:

    Look for this CSS rule in your active theme’s style.css template:

    .mesmerize-front-page #main_menu > li > a {
}

    Add color property to it. It will look like this:

    .mesmerize-front-page #main_menu > li > a {
color:#000!important;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    A custom CSS editor (usually titled Additional CSS) is included in the Customizer as of WordPress 4.7 specifically for this purpose.

    As an alternative, especially if you intend to modify more than just CSS, create a child theme.

    Thread Starter tcory

    (@tcory)

    5 years, 4 months ago

    I looked for the rule and there was not a rule. I do not know if you can view what I see or not, but I also do not know how else to explain it.

    Thread Starter tcory

    (@tcory)

    5 years, 4 months ago

    Do I need to create a whole new one if I do not see one?

    Moderator t-p

    (@t-p)

    5 years, 4 months ago

    Then just add this:

    .mesmerize-front-page #main_menu > li > a {
color:#000!important;
}

    A custom CSS editor (usually titled Additional CSS) is included in the Customizer as of WordPress 4.7 specifically for this purpose.

    As an alternative, especially if you intend to modify more than just CSS, create a child theme.

    • This reply was modified 5 years, 4 months ago by t-p.
    Thread Starter tcory

    (@tcory)

    5 years, 4 months ago

    Thank you! That worked!

    Moderator t-p

    (@t-p)

    5 years, 4 months ago

    You are welcome 🙂

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

Tags