adding borders to product images

Solved
Highlighted
Excursionist
19 1 4

Hi everyone I have tried so many different codes and for some reason can't get my images to have borders and if they do it only goes around 2 sides of the image left and bottom. I am using the minimal theme and my shop is sweetstylesboutique.com thanks so much.

0 Likes
Highlighted
Shopify Partner
2224 483 626

This is an accepted solution.

Hey @sweetstylesbtq,

Try to add the following code at the end of your assets/timber.scss.liquid file.

.product__img-wrapper.supports-js .product__img {
border: 1px solid red;
}

 

For now, I added a red color if you see in above code. You can change the color code as per your need.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
19 1 4

That worked but now its only on three sides of the image on the main page maybe a spacing issue because the other ones worked ! 

1 Like
Highlighted
Shopify Partner
2224 483 626

Hey @sweetstylesbtq,

My side looking like this

image-border.jpg

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
19 1 4

Well that is super strange mine is missing the bottom well as long as you can see it that's great thank you how do i also add it to my images on my product page ?

1 Like
Highlighted
Shopify Partner
2224 483 626

This is an accepted solution.

Hey @sweetstylesbtq,

For the product page. Please add the following code at the bottom of your assets/timber.scss.liquid file.

.product-single__photos a, .product-single__photos img, .product-single__thumbnails a, .product-single__thumbnails img{
border: 1px solid red;
}

 

Hope this will work.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
19 1 4

eeeek omg your amazing thank you so much I swear I looked all over tried like a million different codes

1 Like
Highlighted
New Member
1 0 0

I have the same question, but we use the Theme Prestige 

We also would like to add a thin grey border to the products that shows when you hoover over the products.

Help please

 

0 Likes