Mjml: Border-radius not working with mj-column

Created on 29 Mar 2018  路  2Comments  路  Source: mjmlio/mjml

Hi guys,

Looks like the border-radius is not working on mj-column at all.

image

<mj-column width="30" border="2px solid #222222" border-radius="5px">
   (...)
</mj-column>

Am I doing something wrong?
Thanks

Most helpful comment

HA! @iRyusa got faster while I was typing.

You can also fake it is by using the background-color on the wrapping element: https://mjml.io/try-it-live/SyU_bO55f

All 2 comments

Hi @piotrkulpinski

Well the issue is because we're using a border-collapse: collapse on the table that handle the column. So border-radius doesn't work with it, what you can do is using a css-class on your column and remove it but it can lead to inconsistency on some clients.

HA! @iRyusa got faster while I was typing.

You can also fake it is by using the background-color on the wrapping element: https://mjml.io/try-it-live/SyU_bO55f

Was this page helpful?
0 / 5 - 0 ratings

Related issues

liminspace picture liminspace  路  3Comments

kytosai picture kytosai  路  4Comments

theVannu picture theVannu  路  3Comments

rumbogs picture rumbogs  路  3Comments

sinsunsan picture sinsunsan  路  4Comments