·

·

Change color of an active item in the navigation menu in WordPress block theme.

To change the color of the active item in the navigation menu of a WordPress block theme, you can use CSS. Here are the steps to do it:

  1. Go to your WordPress dashboard and navigate to Plugins > Add New.
  2. Search for a plugin called Simple Custom CSS and JS. Install and activate.
  3. In the dashboard navigate to Custom CSS and JS then Click Add Custom Code.
  4. Add the following CSS code:
.wp-block-navigation-item.current-menu-item.wp-block-navigation-link a {
  text-decoration: underline; 
  text-decoration-style: solid; 
  text-decoration-color: #f6f6f6;
  color: #f6f6f6;
  background-color: #c27113;
}

You will have to change the hex color codes to march your colors. That is how to change color of an active item in the navigation menu in WordPress block theme.



Leave a Reply

Your email address will not be published. Required fields are marked *