From the course: Creating an HTML Email Newsletter
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Adjusting the margins and padding
From the course: Creating an HTML Email Newsletter
Adjusting the margins and padding
In this video we'll begin to work on margin and padding issues in our e-mail. You'll see that the copy block for example is spread wall-to-wall in our content table. So go up to our heading, go up to our css prep code and we'll copy this style information and we'll adjust it to adjuster spacing, add a space, paste, add a space and paste. What we will do here is we'll adjust the padding at the top and bottom of our heading, 20 pixels for the top and 5 pixels for the bottom.We'll set this to 0 for padding top of our subheading, but we'll set the padding bottom to 20 pixels, let's Save and take a look. So we need to increase the font size of our heading and subheading, but generally this works. Instead of 16 let's try 20 pixels for the heading, instead of 10 pixels for the subheading, let's try 14 pixels, we'll Save and check, it's much better. Let's look at our design and we're pretty close for now. Next, let's look at the padding on the left and right of our copy block. We don't need…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Showcasing the finished project1m 57s
-
Getting your dimensions and color palette7m 16s
-
Creating your tables for the email6m 16s
-
Adding your images to the code8m 3s
-
Placing your copy in the code8m 18s
-
Adjusting the margins and padding3m 39s
-
Formatting the headers and footers3m 38s
-
Testing the email in BrowserLab6m 20s
-
Designing and coding a text email3m 42s
-
Sending the final email out2m 28s
-
-