Return to previous page

Add border radius to product image in shop page

This topic has 2 replies, 2 voices, and was last updated 10 months, 2 weeks ago ago by Rose Tyler

devprof

Participant

January 9, 2024 at 16:19

i want to add border radius to products images in shop page,
and also change prices colors,
and change color of wishlist icon when i click .

#379338 Copied Theme version: 9.2.5 WooCommerce version: 8.5.0

1 Answer
Rose Tyler

Support staff

January 9, 2024 at 16:29
Hello, Devprof,

Thank you for reaching out to us with your customization requests for your shop page.

We kindly suggest that you explore our latest archive builder, which can be found at the following link: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-products-archive-builder-with-elementor/. This tool should greatly assist you in achieving the desired layout and style for your page.
Alternatively, you may consider applying the following custom CSS code to achieve specific styling effect:
```
.content-product .product-content-image img {
    border-radius: 10px;
}
```
and change the Main Color in Theme Options > Styling.

Should you require any further assistance or have additional questions, please do not hesitate to reach out.

Best Regards,
8Theme’s Team
#379341 Copied
Tagged: border radius enhancement, easy woocommerce customizations, improve woocommerce aesthetics, product image customization, shop page design, user-friendly woocommerce, wordpress woocommerce themes
Viewing 2 results - 1 through 2 (of 2 total)