Change menu color

• 

  flawedplan · Member · May 24, 2020 at 6:14 am

  • Copy link
  • Add topic to favorites

  I see a lot of posts concerning changing the menu color, but when I enter the various CSS directions I get nothing, so I’m hoping the code is site specific and I’m not stumbling on another simple change.

  Thanks!

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

• 

  staff-mckluskey · Staff · May 24, 2020 at 5:02 pm

  • Copy link

  Hi there!

  The CSS code depends on your theme.

  What exactly are you trying to achieve? Are you planning to only change the color of the menu?

  Also, remember that with your plan you can access Live Chat directly via https://wordpress.com/help/contact. That way you can get help faster.

• 

  flawedplan · Member · May 24, 2020 at 6:27 pm

  • Copy link

  Yes the color, the word “HOME” is transparent right now. Giving it a color will make it no longer invisible.

• 

  kokkieh · Staff · May 25, 2020 at 7:20 am

  • Copy link

  The Home link on your site is not transparent for me:

  https://d.pr/i/F2VCtT

  Is it transparent for you when viewing the homepage at http://hashtagactuallyautisticgroovers.com/, or something else?

  Can you take a screen shot of what you see and upload it to the media library for me?

• 

  flawedplan · Member · May 25, 2020 at 11:33 am

  • Copy link

  I see what you see. Translucent, colorless, blurry, barely readable , lacking contrast and definition, but you are quite right — not transparent. Can I get the code to change the color, we are talking about four letters, is that doable or not? Thanks.

• 

  staff-blorbo · Staff · May 25, 2020 at 11:35 pm

  • Copy link

  Via Custom CSS https://wordpress.com/support/custom-design/custom-css/ add this and adjust the color as desired:

  .navigation-main .current-menu-item.home-link > a, .navigation-main .current_page_item.home-link > a, .featured-image .navigation-main .home-link > a, body:not(.single) .home-link > a:hover {
      color: #000;
  }