Return to previous page

Main image and thumbnail border on single page

This topic has 4 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Rose Tyler

TheOne

Participant

October 6, 2022 at 10:56
Hello,

I am trying to add a border around the main product image and (if they are) around thumbnails. I used this code somewhere from the forum:
```
.single-product #swiper-unique-id-0{
border: 1px solid #e5eaee; 
margin-bottom: 10px;
border-radius: 4px;
}
.single-product .thumbnails-list .thumbnail-item {
border: 1px solid #e5eaee;
border-radius: 4px;}
```
Something isn’t working, becouse the border is showing on variable products but not on simple ones.

Can you paste me the code please?

Link from a variable product in private.

Thank you,

Please, contact administrator
for this information.
#335915 Copied Theme version: 8.3.4 WooCommerce version: 6.9.4
3 Answers
Rose Tyler

Support staff

October 6, 2022 at 12:24
Hello,

Try to change this code https://prnt.sc/2W5tuNl4014E to:
```
.single-product .swiper-slide, .single-product .thumbnails-list .thumbnail-item {
    border: 1px solid #e5eaee; 
    border-radius: 4px;
}
```
Regards
#335923 Copied
TheOne

Participant

November 21, 2022 at 22:12

Hello,

Thank you for the reply.
I have a problem with double border in “you may also like” products on the bottom of single pages (see product in attachment).

Please contact administrator
for this information.

#339130 Copied
Rose Tyler

Support staff

November 22, 2022 at 06:29
Hello,

Thanks for the reply.
Please change this custom CSS code – https://prnt.sc/TVGLrAGVxcPA to:
```
.single-product .main-images .swiper-slide, .single-product .main-images .thumbnails-list .thumbnail-item {
    border: 1px solid #e5eaee;
    border-radius: 4px;
}
```
Regards
#339144 Copied
Tagged: main image, single page, templates, thumbnail border, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)