How to change the hover color of the header options?
  • 03 Aug 2022
  • 1 Minuto para leer
  • Colaboradores
  • Oscuro
    Ligero
  • PDF

How to change the hover color of the header options?

  • Oscuro
    Ligero
  • PDF

The content is currently unavailable in Spanish. You are viewing the default English version.
Article Summary

You would want to change the hover color of the header options at the article top. You can customize the hover color as per your requirement.

Solution

  1. Go to SettingsKnowledge base siteCustom CSS & JavaScript, and Custom CSS tab is the default selection
  2. Paste the below CSS snippet in the window
header .header_top .header_top_nav ul li a:hover {
color: red !important;
text-decoration: none;
}


  1. Update the hover color as per your requirement

In the above sample snippet, color is updated as green.

  1. Click Save

Outcome

Before


When you hover over the header menu options, there is no color change.
3_Screenshot-Hover_color_before


After


When you hover over the header menu options, the color changes to red. This would enhance the user experience.
2_Screenshot-Hover_color_after


¿Te ha sido útil este artículo?