How to add Borders to products in product page in supply theme in shopify

Solved
rohantuteja
Excursionist
16 0 7

Hi @KetanKumar 

Thank you so much for fixing this for me.

You are awesome!

Thanks

Rohan

0 Likes
Gorilla17
Excursionist
17 0 9

Hello @KetanKumar 

Thank you for the solution that you provided on the query of someone.

However, I also need border around thumbnails that appears under the product image.

I am using Supply theme.

I have attached the image for your reference.

Screenshot (203).png

 

Kindly Help!

KetanKumar
Shopify Partner
19190 2013 7080

@Gorilla17 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Gorilla17
Excursionist
17 0 9

Yes I messaged you

0 Likes
KetanKumar
Shopify Partner
19190 2013 7080

@Gorilla17 

thanks for the details please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-photo-thumbs {
    border: 1px solid;
    padding: 5px 0px;
}
.product-photo-thumbs li {
    margin-bottom: 0;
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Gorilla17
Excursionist
17 0 9

Hey, it did not work.

Screenshot (204).png

I want a separate border on each thumbnail.

KetanKumar
Shopify Partner
19190 2013 7080

@Gorilla17 

oh sorry for that

can you please remove first one code after add this 

a.product-photo-thumb {
    border: 1px solid #000;
    padding: 5px;
}
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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Gorilla17
Excursionist
17 0 9

Yes it worked.

Thank you so much!

KetanKumar
Shopify Partner
19190 2013 7080

@Gorilla17 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing