Rounded corners in Mailchimp templates - CSS or image-based

html email html-email newsletter mailchimp
Sikander picture Sikander · Mar 2, 2013 · Viewed 26k times · Source

I am creating an email template for Mailchimp. I have downloaded a template and am now placing my content per the requirements (I know about using Mailchimp template language). My problem is that I have to use rounded corners and am using image-based rounded corners.

When I edit the tables in the Mailchimp visual editor the image-based rounded corners become broken and no longer work.

Should I use CSS, or image-based, rounded corners? Any suggestions please.

*EDIT : Always use images This is what i got as best solution..

Answer

Brett DeWoody picture Brett DeWoody · Mar 3, 2013

Mailchimp uses CSS-based rounded corners in their Email Blueprint templates. Here's a chart from CampaignMonitor showing some of the email clients border-radius (and the -moz and -webkit prefixes) will/won't work in.

The CSS-based rounded corners won't work in every email client, but will fail gracefully in clients that don't support the border-radius property. Image-based rounded corners will not display when a reader doesn't have images enabled, and as you've experienced, maintaining the image-based rounded corners in the MailChimp visual editor can be tough depending on how your template is setup.

My suggestion would be for CSS-based rounded corners, using the prefixes to cover the widest range of email clients:

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;

Related questions

Is there an equivalent of CSS max-width that works in HTML emails?

I'm trying to create an HTML email that will display properly in all widely used email clients. I'm wrapping the whole email in a table, and I'd like it to have a width that is up to 98% of the available …

Read More
What tools to automatically inline CSS style to create email HTML code?

When you take a look at http://www.campaignmonitor.com/css/ you learn that you need to embed inline styles in your HTML, in order for your email to be read in any mail client. Do you know any tools …

Read More
When creating HTML emails, should we use html, head, body tags?

In my email views, I usually just do something like... <dl> <dt>Name</dt> <dd>Value</dd> </dl> Should I be doing it like this? <html> &…

Read More