CODEWITHSUNDEEP
javascriptjquerycss
user3250818
user3250818

Reputation: 247

change highlight color of

please see this link a link

by hover on link we can see a circle highlight around the icon, can we change color of highlight? for example red or blue?

I looked at highlightNav.js also all css but dont find where we can change the color of highlight.

Upvotes: 1

Views: 135

Answers (2)

user3250818
user3250818

Reputation: 247

Thanks, we can change it using below code

/* Animate the box-shadow to create the effect */
.no-touch #horizontalMenu .nav a:hover i,
.no-touch #horizontalMenu .nav a:active i,
.no-touch #horizontalMenu .nav a:focus i {      
    box-shadow: 0 0 0 0 rgba(255,255,255,0.2);

Upvotes: 0

Joey Hipolito
Joey Hipolito

Reputation: 3166

You would notice line 235 of component.css

.nav i {
 ....
background: rgba(255,255,255,0.1);

 ....

It uses a white background with 10% opacity, that means that is adapting to its background color, you might want to change the color in there. You should be more keen on inspecting the css first before jumping to javascript, because this type of things are done using css mostly.

Upvotes: 1

Related Questions