We value your privacy

Our website uses cookies. our cookies do not store personally identifiable information about you, they just remember you should you return and allow us to see which pages were of interest to you during your visit. If you wish to restrict or block cookies set by our website, or indeed any other website, you can do this via your browser settings. However please be aware that some functionality can be lost when restricting cookies on some sites.

Please specify which cookie categories you consent to.
Contact Us

Guide on removing the padding from MailChimp boxed text 

Step 1
Start by styling a ‘boxed text’ container exactly how you’d like it. 

Step 2
Preview the email, right click and select ‘Inspect Element’.

Step 3
Click on the boxed text container which will reveal the HTML code. 

Woah there... code?!

Need some help with your Mailchimp email marketing? Get in touch we'll be happy to help

Step 4
Scroll up to find the start of the tag, right click and select ‘Edit as HTML’ 

Step 5
Select all and copy.  

Step 6
Go back to the MailChimp template editor. Drag and drop a ‘Code’ block under your boxed text. 

Step 7
Remove the placeholder HTML code and paste in your copied code. 

Step 8
Now here is where we remove the padding. Find where it says padding-top: 9px;padding-left: 18px;padding-bottom: 9px;padding-right: 18px; and delete it.

Step 9
The padding has gone! *Hands up in celebration* 

Step 10
Remove the original boxed text and finally preview and test.  

MORE RESOURCES.

behavioural-science-report-1
corner-icon_resource
shopify-icon-listing
corner-icon_resource
putting-sofa-buyers-on-couch-1
corner-icon_resource
READ MORE
hellofresh-logo
brakes_logo.svg
sunsail
uktv
nidostudent
rspca_logo

Have a project you would like to discuss?