Solved

Why doesn't the border color change when a size is selected?

basicbastardco
Pathfinder
171 1 30

 

Hi Guys,

 

I am reaching out regarding an issue with the border color on the product page. When a size is selected, the border color does not change to solid black as intended. I have attached a photo for reference. I would appreciate if you can help. Thanks in advance. 

 

URL: https://basicbastard.co/products/basic-sweater-green?variant=43547104608492

 

Screenshot 2023-05-22 at 1.37.51 PM.png

Liaz
Accepted Solution (1)

ZestardTech
Shopify Expert
5395 971 1293

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 Top of the file:

.product .product__info-wrapper .product-form__input input[type=radio]:checked + label {
  border-color: black;
}

ZestardTech_0-1684761372768.png

 

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

View solution in original post

Replies 2 (2)

ZestardTech
Shopify Expert
5395 971 1293

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 Top of the file:

.product .product__info-wrapper .product-form__input input[type=radio]:checked + label {
  border-color: black;
}

ZestardTech_0-1684761372768.png

 

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
ZestardTech
Shopify Expert
5395 971 1293

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