tracyhall
-
Posts
7 -
Joined
-
Last visited
Reputation Activity
-
tracyhall got a reaction from Beyondspace in Change underline colour in nav bar for active link
@bangank36 Thank you so much, I can confirm this has worked!
I really appreciate you sharing your time and expertise with me.
Big thanks 🙂
Cheers, Tracy
-
tracyhall reacted to Beyondspace in Change underline colour in nav bar for active link
What is your site url
-
tracyhall reacted to Beyondspace in Change underline colour in nav bar for active link
Get rid of color line if you want the link text black
.header-nav-item--active a { text-decoration: underline; color: red !important; border-bottom: 1px solid red !important; background-image: none !important; }
-
tracyhall got a reaction from Beyondspace in Change underline colour in nav bar for active link
Hi there,
A client has asked for the active page underline in the nav bar to be coloured red (I'm using 7.1), but the text remain the same colour as the rest of the nav items. I have played around with CSS and thought I had figured it out, but when I went back into the site the next day the link was no longer red. Here is the code I tried:
.header-nav-item--active a {text-decoration: underline
color: red !important;
}
I feel like the issue may be with how I'm specifying underline as I'm trying to piece together advice by Googling answers and am not super confident with CSS.
Any advice would be greatly appreciated.
Thanks, Tracy
