Skip to main content

I would like to understand if it is possible to created a radius or rounded corners for blocks. Like an image block or text block. Thank you.

Hello @wouter,

Good question!

At present, rounded corners or the option to apply corner radius is not supported for individual blocks outside of button blocks. One solution to this would be using a third party editing tool to create rounded corners for your graphic to be uploaded into your email template for use. The same can be done with text where you create a blank image with rounded corners while superimposing your desired text and uploading it to your email for use in an image block. 

Although corner radius is not supported for individual blocks, you can actually apply corner radius to your template as a whole if you were using our new editor. This would round out the corners of your email as a whole. You can find this setting under the Styles tab in the new editor under Corner radius.

Since this isn’t a feature, I’ll share this feedback with our Product Team!

Thanks for being a part of the Klaviyo Community!

David 


Thank you @David To appreciate your answer. I see some creative ways to get around this. Thanks for sharing it with the product team. Would def. be helpful when we could add radius to each individual block. 
_Wouter


@wouter @David To we just released an update so you can now add rounded corners for input fields in forms! In the form builder, simply navigate to the styles - input field styles - corner radius. 


@David To is there a product feature request form in this forum?

Also, have this (border radius) been implemented in the editor? I can’t see it in blocks and it’s a pretty basic CSS feature in design.


When should we expect it to be implemented?


Hey @multimerce,

Although the ability to apply a border radius/rounded corners for blocks have been shared with our Product Team, our colleagues are still exploring it further. When such an updates is made to our templates, we’ll be sure to update this thread when it becomes available! 

On a similar note, we don’t yet have a product feature request form in this forum, but it certainly is something we’re exploring. 

David


@David To Hi there! I am trying to add rounded corners to my blocks and came across this post. I changed the Corner radius under the Styles tab to 20 px, but it hasn’t changed the corners on any of my blocks. Any idea why it might not be functioning? 


Hey @Ckeymel,

I believe you may be under the wrong impression. Applying a Corner radius under the Styles tab would apply corner radiuses to your entire email - not individual blocks. For example, after setting my corner radius to 50px you can see the bottom of my email become rounded in the example below. 

David


Thanks for following up @David To ! After I posted I realized it was the full email and I just couldn’t see it because I had both backgrounds set to white. 🤦 I appreciate your help! 


When will this option come? It's been going on for quite a while now and it would make my job so much easier!


Hi @TimVermeulen,

 

Thanks for sharing your feedback with us! This has been shared with our product team and we will announce any updates here if it become available!

 

-Taylor


Please add this option!


need this option .. 


Would also really like this option, seems like all email CRMs that use the Bee editor have this option so i’m guessing it’s pretty doable. 


Just commenting to say I would also really appreciate this feature!


Another vote for making this an option! Rounded edges are very popular in UX design atm and part of my company’s branding!


Is this really still not implemented?

And what about gradient backgrounds? 

 


Another vote to support this request. I don't understand why this isn't possible when all your competitors are doing it and border-radius is ubiquitous in designs


adding my voice to this being a requirement and part of a lot of brand identities atp - the ability to at least round the product images would go far, for product feeds. @KirsSemple would you be open to sharing any workarounds you’re using if you’re running into the same?


 

adding my voice to this being a requirement and part of a lot of brand identities atp - the ability to at least round the product images would go far, for product feeds. @KirsSemple would you be open to sharing any workarounds you’re using if you’re running into the same?

I just use images instead that I have edited to look the way I want them to with rounded corners. I basically only use the button, text and image blocks for our newsletters.

This works for me though because I’m a graphic designer, but klaviyo should be more usable with the drag and drop editor rather than having to custom-make a bunch of images and graphics.


I also support this request. It’s a pity that Klaviyo doesn’t have this feature, especially since other ESPs do. It shouldn’t be that difficult to implement.


Reply