Working with borders
Border settings are available in the row settings of any design created in the BEE editor. Border settings are also available when working with buttons. For elements where you can set a border, you have the option to do so for all sides, or for each side individually. This gives you flexibility in setting the look and feel of your email message.
When working with a row that has two or more columns, the border needs to be set for each column separately.
- Click outside the content area to select the entire row. In the editor sidebar, you will see the menu displaying the two different columns.
- Click on column 1 to edit the properties of this column.
- You can choose which side you want to edit by using the toggle that reads More options. You can also customize the style (solid, dotted, dashed), the size, and the color of your borders.
- Select column 2 in the editor sidebar to create the same style in the other column.
Comments
7 comments
Hi Massimo, we have a bug with borders, is this a good place to report it?
On a multi-column layout (2-4 columns) when setting Borders on the different columns they end up being different heights because the inner-content of each "box" is different.
Would it be possible to either
1) Make it so that border on "column 1" and "column 2" are same height
OR
2) Have a separate "structure border" setting?
Our use case is that we want to have a single nice border around the whole email, but email is made up of 1- and 2-column structures. So the TOP structure gets a LEFT, TOP, RIGHT border, the BOTTOM structure gets a LEFT, BOTTOM, MIDDLE border, and all middle structures only get LEFT and RIGHT borders. and this works great if they are All 1-column structures. This all breaks down when it's a multi-column structure.
Hope that makes sense.
Thank you!
[ Paid BEE Plugin user and really loving it! ]
Hi Vadimb, thank you for the kind words about the editor. We see what you mean. We'll discuss it internally and see what we can do. Thanks again for your feedback.
Was this issue solved?
Hey @Massimo, can you please update how we can resolve this multicolumn border issue?
While using multi-columns row, if the content of sibling columns differs from each other then the borders around the columns do not match the height of parent row. This results in different borders around different columns in a single row.
Hi Raviraj, thanks for reaching out. Borders in a multi-column row will only extend as far as the content entered in each column. which can cause border alignment issues when the columns have different lengths. To prevent this issue, we recommend using content that is all the same size in multi-column rows (i.e. all images have the same dimensions). With that being said, I'm happy to pass along your feedback about this to our Product team for consideration as well!
Hi, are there any developments on this front? Same-sized content in a row is not always possible, and columns stacking on mobile is a further problem. (I have the same use case as Vadim above)
Hi Gabriel, thanks for your comment. We are going to open a ticket so we can analyze better your case. Best.
Please sign in to leave a comment.