How To Make Border Radius In Product Catalog?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    I understand that you would like to make the products round by changing the radius of your border. You can definitely achieve this by adding a custom CSS to your site from Appearance → Additional CSS. You can add the following CSS code:

    css
    .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    border-radius: 50%;
    }

    This code will apply a round border (border-radius: 50%) to all the product images on the product catalog, archive, and single product pages. If you want a less rounded border, you can change the percentage accordingly. For example, for a slightly rounded border, you could use 10% or 20%.

    Note: We can’t provide support for code customization as per our support policy. Still, if you need customization, we do our best to offer advice and direct you to appropriate resources. Based on the feedback we get from our customers, we highly recommend contacting one of the services on our Customization page.

    Thread Starter andriansah

    (@andriansah)

    Darla

    This is what I’m looking for, thank you

    I’m glad we were able to help! If you have a few minutes, we’d love if you could leave us a review: https://www.ads-software.com/support/plugin/woocommerce/reviews

    Have a great day! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How To Make Border Radius In Product Catalog?’ is closed to new replies.

Tags