Border radius of gallery images for single products

This topic has 3 replies, 2 voices, and was last updated 12 hours, 47 minutes ago ago by Incanda

  • Avatar: Incanda
    Incanda
    Participant
    March 16, 2025 at 14:08

    Hi

    How can I adjust the border radius of the gallery images for single products?

    Thanks!

    Files is visible for topic creator and
    support staff only.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 17, 2025 at 08:36

    Hello, Incanda,

    Thank you for reaching out to us.

    To adjust the border radius of the gallery images for single products, you can use custom CSS. Please add the following CSS code to Theme Options > Custom CSS > Global:

    .woocommerce-product-gallery img {
    border-radius: 10px; /* Adjust the value as needed */
    }

    You can modify the 10p` value to achieve the desired rounded corners. If you need further assistance, please let us know.

    Best Regards,
    8Theme’s Team

    Avatar: Incanda
    Incanda
    Participant
    March 17, 2025 at 08:40

    Hi

    Perfect – thank you!

    Leentjie

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Border radius of gallery images for single products’' has been successfully resolved, and the topic is now closed for further responses

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