Rounded Corner?

[sandy]

Hi,

is it possible to make the masonry layout box into rounded corner? just like pinterest.
my website is loot.sandysan.com

[Masonry GuyKeymaster]

Hi Sandy,

There is not round corner settings for WooCommerce layout. However, you can use this css to get it.

#wmle_container.wmle_container .wmle_item .wmle_woocommerce_box{border-radius:5px;}
#wmle_container.wmle_container .wmle_item .wpme_image img{border-radius:5px;}
#wmle_container.wmle_container .wmle_item{border-radius:5px;}

Thanks

[sandy]

i have used the css above, but it only applied to the description and price part, not the product image. can you advise the CSS for the product image to be rounded corner as well? i’m trying to make it look as much like pinterest.
thanks!

[Masonry GuyKeymaster]

Hi Sandy,

Please add !important in 2nd line. So final will be

#wmle_container.wmle_container .wmle_item .wpme_image img{border-radius:5px !important;}

This should fix your issue.

Thanks

[Author]

Posts