Give rounded borders to rows

seandresen

Hello

How can i make the edges of the boxes rounded? I added the images so you can see.

Pablo

Hi,

You have to apply the CSS class of yours, for this example:

'borderRounded' in Custom Classes field

https://i.imgur.com/ju0oUkc.png

Then, go to Theme Options > Custom CSS & JS > CSS and apply this CSS:

.borderRounded{
border-radius:14px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

seandresen

Thanks it worked for the rows, but the pink item, i wasnt able to this,

Pablo

This is highlight feature.

I wanted to do it with CSS but it's not possible - because it takes 100% of width and creates a 50% infill of this box and the border-radius feature won't work for this.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

seandresen

Ok, thank you.