Hello everyone !
Here’s my website : https://www.lothaire.fr/
Since I wanted the “Nouveautés” item in my main navigation menu to be blue, I added the following code in theme.css.liquid :
a[href="/collections/nouveautes"] {
color: #0202ED !important;
}
The unfortunate effect is it also colors the text inside the button (which points to the same collection) lower in the page the same color, which makes it hard to read.
Is there anyway to change the navigation item’s color, without influencing the button text color ?
2 Likes
@LothaireBordeau Please replace your code with below code to change the color of a navigation item without changing the text color inside buttons.
header a[href="/collections/nouveautes"] {
color: #0202ED !important;
}
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.
Hi @LothaireBordeau
Try this one.
.site-nav__item a[href="/collections/nouveautes"] {
color: #0202ED !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hello ! I did it and it doesn’t work.
I really can’t understand why.
1 Like
It wont work, your missing some close bracket.
line 113345 there should have } closing bracket for the next will work.
You need to add that bracket.
must be like this.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
It woooooorked. Thank you so much.
1 Like
