Product Images - Curved Edges

To make a more modern look and feel on a site you may want to add some curvature to your images. This effect helps you achieve this.

See the effect in action

How to use the Effect

Select the Product Images block. Select 'Actions' from the top header of BlockLab and then select 'Custom CSS'. Copy and paste the below code into the pop up, hit save and the effect will be applied.

CSS

block img {
border-top-right-radius: 17px;
border-top-left-radius: 17px;
border-bottom-right-radius: 17px;
border-bottom-left-radius: 17px;
width: 100%;
}