CSS Code to Change Menu Color

  • jenicaraney · Member ·

    Would you be so kind as to walk me through the process of changing my primary menu color from the preset white to #f18b6d please? I have googled extensively on the subject without success. Much Thanks! :)

    The blog I need help with is: (visible only to logged in users)

  • pauloeaquino · Staff ·

    Hi Jenica,

    Your site is a self-hosted WordPress site that is using the Illdy Theme by Colorlib.

    You are currently in the WordPress.com forums, which provides support for only WordPress.com hosted sites. We ask that self-hosted WordPress site users redirect their questions to the WordPress.org forums, which is where you can find help for self-hosted WordPress sites.

    WordPress.org Forums
    https://wordpress.org/support/

    Please note, you’ll need a WordPress.org account to post in the forums there. If you don’t have an account, you can register for one here:
    https://login.wordpress.org/register

    To learn more about the difference between WordPress.com and WordPress.org, please visit this link:
    https://en.support.wordpress.com/com-vs-org/

    I did briefly have a look at your site and determined that with Custom CSS, you can easily change the color of the links in your primary menu. You would need a CSS plugin and you would use the following code to do it:

    #header .top-header .header-navigation ul li a {

    color: #f18b6d;
    }

    And this would be the following effect:
    https://cloudup.com/cOM5dpIRURb

    As previously mentioned though, please redirect any further questions to the WordPress.org Support Forums or I also recommend visiting your theme’s support forums as well:

    Colorlib Support Forums
    https://colorlib.com/wp/forums/

  • jenicaraney · Member ·

    I cannot thank you enough for taking the time to respond! I am brand new to WordPress and did not understand the difference between the .com and .org sites. I also was unsure where to go for help and only stumbled upon this forum through a google search. You have helped me in more ways than one. Thank you!

  • pauloeaquino · Staff ·

    You’re certainly welcome! Happy blogging :)

  • The topic ‘CSS Code to Change Menu Color’ is closed to new replies.