Return to previous page

Reply 346741 to: How can I make rounded corners on the product image?

Avatar: Tony Rodriguez
Tony Rodriguez
Support staff
February 13, 2023 at 06:56

Hello @anton,

We kindly ask that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After clearing your browser cache, please check back to your site.

.etheme-product-grid-image img {
    border-radius: 10px !important;
}
.woocommerce-product-gallery__image {
    border-radius: 10px !important;
}
@media (min-width: 993px)
.woocommerce-product-gallery.images-wrapper {
    border-radius: 10px !important;
}
.content-product .product-content-image img {
    border-radius: 10px !important;
}
.products-bordered-layout.with-ajax .ajax-content>div, .products-bordered-layout:not(.with-ajax)>div {
    border-radius: 10px !important;
}
.products-bordered-layout.with-ajax .ajax-content, .products-bordered-layout:not(.with-ajax) {
    border-radius: 10px !important;
}

Best Regards,
8Theme’s Team

#346741
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.