This topic has 5 replies, 2 voices, and was last updated 3 years ago ago by abdigitalro
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
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
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
Hello,
About image size read here – https://www.8theme.com/documentation/xstore/woocommerce/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
Hello,
Thank you for help and information
Best regards
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