Skip to main content
All CollectionsEmail Editor Documentation
How to create only top or bottom rounded corners?
How to create only top or bottom rounded corners?

Learn how to create only top or bottom rounded corners

Gergely Nagy avatar
Written by Gergely Nagy
Updated over 2 years ago

In this article, you will learn how to create only top or bottom rounded corners. This step-by-step guide will help you.
​

Steps to create it:

  1. Drop-in a box

  2. Set the box border radius to 15 (or any)

  3. Set the box top padding to 15 (or at least 5-10 px)

  4. Set the box background-color to #FF0000 (or anything)

  5. Drop a text inside the box

  6. Set the text background-color to #FF0000 (or anything)

Expected Result:


The top rounded border should be visible while the bottom should be covered by the text background.

Let us know if you have more questions about this!

Did this answer your question?