How to make boxes rounded

Hi,

Can someone please provide me with some code and instructions to use so I can round out the corner of my columns? It is just a column within a column that is coloured. On inspect it comes up as fluid row and I have tried editing it but nothing manifests no matter what I do on the back-end css.

Thanks,

Hi @HDonovan9,

Do you have a link? It depends on the element you want to adjust. A normal element within the website can be edited easilly, but if it’s a CTA it’s possible you have to adjust it within the iframe.

But normally to apply round corners, just add the border-radius property.

Example code:

.element{
 -webkit-border-radius: 10px; // Prefix for webkit
 -moz-border-radius: 10px; // Prefix for mozilla
 border-radius: 10px;
}

Hi @HDonovan9

Add the border-radius property to the class where you have set the background color for this card.

I hope this will help you out. Please mark it as Solution Accepted and upvote to help another Community member.
Thanks!