Shopify themes, liquid, logos, and UX
Hi,
I have spent the last 3 hours ripping my hair out over this.
All I want to do is change the menu item "Sale" to red.... that's it,
https://tokyobricks.com
I'm using the code:
.site-nav__link {[href="/collections/sale"]
color: red;
}
I've even tried !important but every time when I go to inspect my code is crossed out as if the theme is overwriting any changes.
The theme is boost.
Would really appreciate some help as It would pain me for something so simple to get the better of me.
Thanks a lot
Solved! Go to the solution
This is an accepted solution.
Hello @southstar ,
It's GemPages support team and glad to support you today.
Let's try adding this code:
.site-nav > .site-nav__item > .site-nav__link[href="/collections/sale"] {
color: red !important;
}
I tried and it displayed like that:
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Please use this css
.site-nav__item a[href="/collections/sale"] {
color: red !important;
}
This is an accepted solution.
Hello @southstar ,
It's GemPages support team and glad to support you today.
Let's try adding this code:
.site-nav > .site-nav__item > .site-nav__link[href="/collections/sale"] {
color: red !important;
}
I tried and it displayed like that:
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Please add below css code in bottom of assets/styles.css file
Hi @southstar,
Go to Assets > styles.css and paste this at the bottom of the file:
.site-nav .site-nav__item:nth-child(3) .site-nav__link {
color: #ff0000;
}
Hope it helps!
User | RANK |
---|---|
201 | |
173 | |
61 | |
52 | |
47 |
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023The year-end shopping season is just around the corner. Is a flash sale on your radar? Are...
By Jasonh Nov 6, 2023