How to change the hover color of the header options?
  • 03 Aug 2022
  • 1 Minute à lire
  • Contributeurs
  • Sombre
    Lumière
  • PDF

How to change the hover color of the header options?

  • Sombre
    Lumière
  • PDF

There is no French content available for this article, You are viewing the fallback version (English).

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


Cet article vous a-t-il été utile ?