How to add hover colours for nav menu

• 

  maddiefey · Member · Aug 28, 2025 at 12:17 am

  • Copy link
  • Add topic to favorites

  Hello! So I am currently using the Xanadu theme to design my site, and really liked the hover colour that every linked word automatically gets… except for anything in the navigation menu, apparently. Is there any way to add this manually?
  
  Thanks in advance!

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

• 

  faisalahammad · Member · Aug 28, 2025 at 11:34 am

  • Copy link

  Hi,

  I’ve checked the “Xanadu” theme, and it doesn’t have any settings to change the link color on hover.

  

  

  You can try adding the following custom CSS code in the “Additional CSS” box, as described in the article below.

  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  color: #fa053f !important;
  }

  

  Add custom CSS

  in WordPress.com Support

  7 min read

  While most changes can be made with settings in the WordPress editor, you may prefer to use CSS to customize your site if you have experience writing CSS code. This guide will show you how to edit your website with CSS. This feature is available on sites with our WordPress.com Premium, Business, and Commerce plans, and the legacy Pro plan. For sites on the Free and Personal plans, upgrade your

  Now it should look like the screenshot below.

  

  Give it a try, and let me know how that goes! 😄

• 

  maddiefey · Member · Aug 28, 2025 at 4:46 pm

  • Copy link

  Thank you so much, Faisal !
  
  It works perfectly!