CMS Development

MacDonaldJE
Member

Adjusting padding

Hi everyone; absolute beginner to coding here.

I'm trying to create an email template for press releases, and for some reason, both I and Hubspot's support team have been unable to adjust the padding within the main content section. http://info.harvestofaz.com/template-test

I honestly have no idea how to even add in all this code, since I'm limited to 20,000 characters. Any advice?

 

Let me know if any of you can help me add some respectable padding in here to make it a little more presentable.


Thank you!

 

 

0 Upvotes
3 Replies 3
MatthewShepherd
Key Advisor

Adjusting padding

Hi @MacDonaldJE 

This article runs you through how to add CSS styling code to your email template: https://knowledge.hubspot.com/articles/kcs_article/email/can-i-add-css-to-the-head-section-of-my-ema...

try adding this:

 

<style>
table#contentTableInner td {
    padding: 0 30px;
    background-color: #323135;
}
</style>


If you want more or less padding on the left and right just increase or decrease the 30px.

(No need to to add the <style> and </style> tags again if they are already present in the additional head markup, just add the rest of the code between those tags)

Matthew Shepherd

Freelance HubSpot Consultant
CRM Consultant | SEO Specialist

Did my post help answer your query?Help the community by marking it as a solution.
MacDonaldJE
Member

Adjusting padding

Matthew, thanks for getting back to me!

 

I actually ended up adding:
padding-left: 20px;
and
padding-right: 20px;

 

to .bodycontent{

 

and it seems to have worked when I go to preview it; I'm able to see the padding I want. However, once I go to create an email from it, the correct padding disappears...

0 Upvotes
MatthewShepherd
Key Advisor

Adjusting padding

@MacDonaldJE 

Where did you add this CSS?

When I test adding padding to .bodyContent (tested in a browser not an email client - also note the capital C in bodyContent) it does work in the browser. Maybe if it doesn't work in your email give the code above a try?

Matthew Shepherd

Freelance HubSpot Consultant
CRM Consultant | SEO Specialist

Did my post help answer your query?Help the community by marking it as a solution.
0 Upvotes