I need help with changing the color selector

Solved
Janamir
Explorer
132 0 46

I need help with changing the color selector.

I targeted this class: select[data-listed][data-colour-swatch=true]+#clickyboxes-SingleOptionSelector-1 a::before {
background-color: red;
}

but it targed both of the colors, I only need to target the first one and then the second one with a different colors. Please help asap.

colors.PNG

Site: https://www.withlegacy.com/products/zip-jump-with-legacy?pr_prod_strat=copurchase&pr_rec_pid=6669676...

pass: home

 

 

0 Likes
Pallavi
Shopify Expert
2170 353 462

This is an accepted solution.

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

select[data-listed][data-colour-swatch=true]+#clickyboxes-SingleOptionSelector-1 a.opt--black::before {
background-color: red;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Janamir
Explorer
132 0 46

@Pallavi thanks that worked.

Pallavi
Shopify Expert
2170 353 462

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes