Title: CSS highlight menu
Last modified: June 19, 2020

---

# CSS highlight menu

 *  [solopedro](https://wordpress.org/support/users/solopedro/)
 * (@solopedro)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-highlight-menu/)
 * Hi I need help with this CSS
 * I have for the current menu a ccs class: .menu-highlight
 * the problem is with the active menu,when you are there nothing happens, the menu
   tet is the color of active menu in other pages. The first two parts work as a
   charm, the problem is with the active. Appreciate any help. Thanks
 * .menu-highlight {
    color: #ffffff; background: #d2230f; border-color: #d2230f;
   border-style: solid; border-width: 2px; border-radius: 10px; padding: 0px 5px;
   transition: all 0.2s linear; line-height:37px; }
 * .menu-highlight:hover {
    color: #000; background: #000000; border-color: #FF0000;}
 * .menu-highligh:active {
    color: #000; background: #000000; border-color: #FF0000;}
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-highlight-menu%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/css-highlight-menu/#post-13017090)
 * Hello [@solopedro](https://wordpress.org/support/users/solopedro/)
 * You can easily solve this issue by adding the bellow CSS code into the Customize
   > Additional CSS.
 * However, if you are using child theme then you can simply paste it into the style.
   css file.
 * Please refer the following CSS:
 *     ```
       li.current-menu-item.menu-item-21617 a span {
       color: #fff;
       }
       ```
   
 * I hope that helps. Looking forward to hearing from you.
 * Regards,
    Riad

Viewing 1 replies (of 1 total)

The topic ‘CSS highlight menu’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/astra/4.12.7/screenshot.jpg)
 * Astra
 * [Support Threads](https://wordpress.org/support/theme/astra/)
 * [Active Topics](https://wordpress.org/support/theme/astra/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/astra/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/astra/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/css-highlight-menu/#post-13017090)
 * Status: not resolved