Return to previous page

Show discreet border line as in the default theme

This topic has 5 replies, 2 voices, and was last updated 2 years, 5 months ago ago by abdigitalro

abdigitalro

Participant

November 20, 2021 at 15:50

We would like to show the products as there are displayed here in the original theme https://xstore.8theme.com/elementor/demos/organic01/ https://prnt.sc/207t6tk

Please, contact administrator
for this information.

#309348 Copied Theme version: 8.0.9 WooCommerce version: 5.8.1

4 Answers
Rose Tyler

Support staff

November 20, 2021 at 16:27
Hello,

On the demo, images were uploaded with borders, for example – https://prnt.sc/207xgqj
Try to use the next custom CSS code:
```
.content-product .product-content-image img, 
.single-product .main-images a img,
.sidebar-widget .products-widget-slider img,
.single-product .swipers-couple-wrapper .swiper-wrapper img {
     border: 1px solid #e1e1e1;
}
.single-product .swipers-couple-wrapper .swiper-wrapper img {
    margin-top: 3px;
    margin-bottom: 3px;
}
.single-product .swiper-container-autoheight .swiper-wrapper {
    padding-bottom: 6px;
}
```
Regards
#309352 Copied
abdigitalro

Participant

November 20, 2021 at 16:50

Thank you, this looks nice. But how can we allign the pictures as some of them are not at the same line https://prnt.sc/20819q2

#309354 Copied

Rose Tyler

Support staff

November 20, 2021 at 16:53

Hello,

About image size read here – https://xstore.helpscoutdocs.com/article/89-product-images It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.

Regards

#309358 Copied

abdigitalro

Participant

November 20, 2021 at 16:54

Hello,
Thank you for help and information
Best regards

#309359 Copied
Tagged: border, default, discreet, line, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Show discreet border line as in the default theme’' has been successfully resolved, and the topic is now closed for further responses

Show discreet border line as in the default theme

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection