shop pages product css fix

[johnaps]

Hello, i am trying to figure out how to adjust border-radius on the list of products in my category pages…
Whateven element i try i cant make it happen…
I ve searched google for this and any preconfigured element that i found out in other threads didnt work also…

Maybe you can help as most of the times :)..?

I am trying to make the boxes of the products to have more rounded corners…
You can check the following page “https://sofianos-orthopedika.gr/%CE%B1%CE%BD%CE%B1%CF%80%CE%B7%CF%81%CE%B9%CE%BA%CE%AC-%CE%B1%CE%BC%CE%B1%CE%BE%CE%AF%CE%B4%CE%B9%CE%B1/%CE%B1%CE%BC%CE%B1%CE%BE%CE%AF%CE%B4%CE%B9%CE%B1-%CE%B5%CE%BD%CE%B7%CE%BB%CE%AF%CE%BA%CF%89%CE%BD/%CF%87%CE%B5%CE%B9%CF%81%CE%BF%CE%BA%CE%AF%CE%BD%CE%B7%CF%84%CE%B1-%CE%B1%CE%BD%CE%B1%CF%80%CE%B7%CF%81%CE%B9%CE%BA%CE%AC-%CE%B1%CE%BC%CE%B1%CE%BE%CE%AF%CE%B4%CE%B9%CE%B1/”

[Tom]

Hi there,

Try this:

#wc-column-container .product {
    border-radius: 10px;
}

.woocommerce-loop-product__link {
    background: transparent;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[johnaps]

Perfect! 🙂 Thank you!!!

[Tom]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts