CSS Code to Change Menu Color

  • Author
  • #3015812

    Original poster

    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)


    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

    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:

    To learn more about the difference between WordPress.com and WordPress.org, please visit this link:

    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:

    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


    Original poster

    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!


    You’re certainly welcome! Happy blogging :)

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