Shopify themes, liquid, logos, and UX
Hi,
I'm using Dawn theme and would like for Sale collection in the menu to be in red, how can I go about do it? I've added screenshot below to specify which link I'm referring to.
Solved! Go to the solution
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:
.list-unstyled a[href="/collections/sale-1"] {
color: red!important;
}
.list-unstyled a[href="/collections/sale"] {
color: red!important;
}
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi,
The url of the store
Thank you!
This is an accepted solution.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:
.list-unstyled a[href="/collections/sale-1"] {
color: red!important;
}
.list-unstyled a[href="/collections/sale"] {
color: red!important;
}
Thank you!
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.
Hi @Karlis
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Sahil
- Your
Hi,
Please follow the steps below to make the "Sale" menu item in red.
1. Go to online store > ... (next to customize) > Edit code
2. In code editor, please go to Snippets > open "header-dropdown-menu.liquid" file
3. Please find the code below in line 45 & line 53
{{ childlink.title | escape }}
4. Replace the code with this code.
{{ childlink.title | replace:'Sale','<span style="color:red;">Sale</span>' }}
5. Save the file.
It should be in red now.
Before
After
Actual look
I hope it helps.
Hi,
Thank you. I tried but it didn't work. Initially I thought that it is because I changed it to On Sale, both in menu and in code, but then I switched back to Sale in both places, but still didn't work. Am I doing it correctly?
Hi @Karlis
Would you mind to share your Store URL website? with password if its unpublish. You can also PM us if you dont like to share your store URL. Thanks!
User | RANK |
---|---|
206 | |
175 | |
63 | |
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