Skip to main content
Solved

Radius / rounded corners for blocks


Forum|alt.badge.img+3
  • Problem Solver I
  • 8 replies

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.

Best answer by David To

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 

View original
Did this topic or the replies in the thread help you find an answer to your question?

23 replies

David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • Answer
  • January 11, 2022

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 


Forum|alt.badge.img+3
  • Author
  • Problem Solver I
  • 8 replies
  • January 12, 2022

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


hansen
Klaviyo Employee
Forum|alt.badge.img+3
  • Klaviyo Employee
  • 10 replies
  • January 12, 2022

@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. 


multimerce
Partner - Gold
  • Partner - Gold
  • 4 replies
  • July 27, 2022

@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?


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • July 27, 2022

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


Forum|alt.badge.img+2
  • Contributor II
  • 3 replies
  • December 19, 2022

@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? 


David To
Klaviyo Employee
Forum|alt.badge.img+60
  • Klaviyo Employee
  • 2456 replies
  • December 20, 2022

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


Forum|alt.badge.img+2
  • Contributor II
  • 3 replies
  • December 20, 2022

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! 


Forum|alt.badge.img

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


Taylor Tarpley
Community Manager
Forum|alt.badge.img+60

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


Forum|alt.badge.img
  • Contributor I
  • 3 replies
  • November 20, 2023

Please add this option!


Forum|alt.badge.img+1
  • Contributor I
  • 3 replies
  • January 28, 2024

need this option .. 


Forum|alt.badge.img+4
  • Partner
  • 6 replies
  • February 9, 2024

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. 


  • Contributor I
  • 1 reply
  • April 10, 2024

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


Forum|alt.badge.img
  • Problem Solver I
  • 3 replies
  • May 8, 2024

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


  • Contributor I
  • 1 reply
  • May 15, 2024

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?


Forum|alt.badge.img
  • Problem Solver I
  • 3 replies
  • September 4, 2024

 

budwell.shop wrote:

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.


SimonVanCauwenberghe
Problem Solver I
Forum|alt.badge.img+4

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.


Forum|alt.badge.img
  • Contributor I
  • 1 reply
  • January 22, 2025

Same here, also quite a limitation for us. We can’t set up a template that follows our brand guidelines. Please provide an update!


  • Contributor I
  • 1 reply
  • January 23, 2025

Still cant see the future although it has been brought up and supported for 3 years. I m guessing it is not in the roadmap ?

Such a needed and basic feature now. Please let us know if it is definitely abandoned or, if not, when it will be released.

 

(Very much needed feature)


Forum|alt.badge.img
  • Contributor I
  • 4 replies
  • January 27, 2025

Even coding my own html block for a table with border-radius is undone by Klaviyo editor. Why? Very frustrating as our style guide has rounded corners on all elements.