Changing selection color

Solved
abcxytz1234
Explorer
77 1 24

4345DBFE-8D0A-4FF2-AB37-D4E224396FDD.jpeg

Hi 

 

my website is https://doodlemedo.com

On my homepage at the bottom. How can I change the selected collection color? From #454345 to #FEDBDB 

see screenshot - splash of life collection is shown here. But I want to differentiate the color of collection circled from the collection next to it that’s not selected. 

Can you show me the codes I can add and where I can add? 

I have this on my homepage and our story pages. 

if you need developer access, do email at hello@doodlemedo.com 

 

 

 

KetanKumar
Shopify Partner
20595 2134 7800

@abcxytz1234 

sorry for that issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.sorting-collections a.active {
    color: #f75a0d; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
abcxytz1234
Explorer
77 1 24

@KetanKumar thanks i added it but it's not working properly when i clicked "splash of life" or "a special delivery" on dekstop, mobile and ipad. I am looking to get the text colored when i chooses it and it stays in that color as long as I stay on that collection, not when hovering the mouse etc. take a look across different devices, you will see what I mean. It's not working on mobile and ipad when I don't use mouse to hover. 

 

I think the code needs revision?

 

PS you still have developer access to my store. If you can edit it there directly would be okay too. 

KetanKumar
Shopify Partner
20595 2134 7800

@abcxytz1234 

yes please add this code and let me know issue image so i will check and update you

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
abcxytz1234
Explorer
77 1 24

@KetanKumar hi i added the code already but there is an issue. it's not working properly on mobile and ipad (for touch screens).

 

please see my previous reply above. 

KetanKumar
Shopify Partner
20595 2134 7800

This is an accepted solution.

@abcxytz1234 

can you please update code

.sorting-collections a.active {
    color: #ED8E8E !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
abcxytz1234
Explorer
77 1 24

@KetanKumar works great! thanks so much!!

KetanKumar
Shopify Partner
20595 2134 7800

@abcxytz1234 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing