Mailchimp Remove Borders (How-To Guide)

Can’t figure out how to remove borders around images and text blocks on Mailchimp?

Maybe you got an annoying border around every content block of your email after copy-pasting something from Google Sheets (or any other HTML source) and can’t get rid of it.

Whatever your reasons, don’t worry. It’s actually quite easy to remove them.

In this post, I’ll show you a few different ways to remove all sorts of borders from your Mailchimp newsletters designs.

AD:

Need a FREE stunning WordPress website for your business? 😍

We've got you covered!❤️

Enjoy premium looking, mobile-friendly and professional WordPress site — all for FREE!🔥

Contact us now and let our expert designers create your dream website. Whatsapp Now! OR Email >> [email protected]

P.S You only need to provide the domain and one year of hosting is FREE. If you are satisfied, please give us a video testimonial. We are starting a new web design agency and looking to build a portfolio.

- Lito James

⚡Also Read: Mailchimp This Page Appears To Be Missing Error

4 Ways To Remove Mailchimp Borders


There are a number of ways you can go about removing borders from mailchimp depending on where they appear.

⚡Also Read: Mailchimp undefined upload

Let’s take a look at 4 methods:

#1 After Copy-Pasting From An HTML Source

If you copy-paste content from somewhere that has formatting to your mailchimp emails as you design them, you can get an unexpected border around all your image and text blocks.

This is because the HTML and CSS codes of your source gets applied to the source code of the email you are designing.

Removing these borders is pretty easy though. Here’s how:

  • Select the content block with the border and click the <> button in rich text formatting tools to edit the source code.
  • Look for a piece of coding that looks kind of like this and delete it:

<style type=”text/css”><!–td {border: 1px solid #ccc;}br {mso-data-placement:same-cell;}–></style>

It might not be the same as this, what you want to keep an eye out for is “border:” If you find anything like that, delete the entire code line.

There could be more than one instance of this code, so look for and delete them all.

  • Save the changes and preview your email to see if the borders are gone.

Pro Tip: When you copy-paste something from a source with formatting in the future, paste it first on a plain text editor like notepad first to remove all the html formatting.

#2 Remove A Border Covering A Whole Email

If you need to get rid of a border that’s around a whole mailchimp newsletter, it’s pretty easy. Just follow these steps:

⚡Also Read:: Can you print mailchimp newsletters

  1. Open the email campaign you need to remove the border from.
  2. Click Edit Design.
  3. Click Style.
  4. Click page.
  5. Scroll down to Email border.
  6. Select the option None, under Border.
  7. Click Save.

#3 Remove The Border From An Image Inside A Text Block

If you are someone who uses mailchimp’s classic email builder to create emails, here’s how to take the border off an image within a text block:

  1. Click Edit Design in the Content section of the Campaign Builder.
  2. Next, click the text block your image is embedded in.
  3. Double-click the image to open the content studio.
  4. Click show image style options to see additional settings.
  5. Under Image border, type “0” in the first box, which is border width. Set the drop-down menu to None on the next box representing style. Leave the last box, which is for color, blank.
  6. Click Save & Insert Image.

#4 How To Remove The Border From Boxed Text Container

Removing Mailchimp borders from a boxed text container is a bit more tricky than the others.

But it can be done and here’s how to do it:

⚡Also Read: Mailchimp campaign stuck on sending

  1. Preview the email with the boxed text container in question using the Template Preview Mode.
  2. Then right click on it and click Inspect Element.
  3. Click on the tool on the left corner of the taskbar of the window that opens up.
  4. Now click on the boxed text container. This reveals its HTML code.
  5. Scroll up the code until you find the beginning of the <table> tag, then right click and hit Edit as HTML.
  6. Then select all and copy.
  7. Now get back to the template editor and drag a Code block from there and drop it under the boxed text container.
  8. On the code-containing window that opens on the right side, remove the placeholder HTML code and paste what you copied earlier. (An identical boxed text container will now appear below the original.)
  9. Now find where it says something like padding-top: 9px;padding-left: 18px;padding-bottom: 9px;padding-right: 18px; and delete it. (The numbers may vary according to the actual dimensions of your boxed text container.)
  10. Remove the original boxed text container and preview your email.

That’s it! The text container will no longer have a border.

Note: Instead of deleting the code in step 9, you can change the number values to “0” too. Watch this for more clarification:

About Author

Lito James is the founder of Massivepeak.com. He is an entrepreneur and marketing specialist who helps businesses to get more leads, subscribers, and customers. Massive Peak has been featured on G2, Cloudways, Sujanpatel, GetResponse, Renderforest, and many more. Follow on LinkedIn | Twitter

Leave a Comment