7.1 hover effect on nav links

penpen · December 2, 2020

is there a way to have the same hover effect (opacity change only) on the nav links as the text links?

Edited December 2, 2020 by penpen

tuanphan · December 5, 2020

Add to Home > Design > Custom CSS

div.header-nav-item a:hover {
    opacity: 0.5 !important;
}

penpen · December 7, 2020

I did this:

div.header-nav-item a:hover {
opacity: 0.5 !important;
transition: 0.01s !important;
}

But when you un-hover the transition is still slow, how do I fix?

tuanphan · December 8, 2020

div.header-nav-item a:hover {
    opacity: 0.5 !important;
}
div.header-nav-item a {
    transition: all 0.1s !important;
}

penpen · December 8, 2020

Thank you that works!

Question