Dawn Theme Product Page Image - How to round the corner of the product image

Hi everyone,

How do I round the corner of the image in the Product Page? I have attached the image for your reference.

In the Featured collection page, it is possible to round the corner of the product image where the option to do it is possible. Attached image below for your reference.


Thanks in advance!

1 Like

Hello @gmaximo .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

  • Here is the solution for you @gmaximo
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.product__media img {
 border-radius: 25px !important;
}
.product-media-container.constrain-height.media-fit-contain {
 border: none !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

BSS-TekLabs thank you veyr much for the solution! Works great!

1 Like

Glad to help you. Have a good day.