Skip to main content
All CollectionsEmail BuilderEmail Builder Articles
Adjusting your Email Content Styles
Adjusting your Email Content Styles

Learn the basics of fine tuning your email design by adjusting the specific content

Keith Gentile avatar
Written by Keith Gentile
Updated over 6 months ago

Hopefully, you have reviewed the help articles The Anatomy of an Email Design and Appearance and Global Email Settings by now, which should have given you a good understanding of how to start building your email. In this article, we take a high-level view of how to edit the content within your structures, blocks, and modules. Although we won't take a deep dive, this article will give you a good understanding of how far you can take your design.

Structures

Structure settings, for the most part, are the same no matter what stripe you are in. You can add columns, define their widths, adjust the space between them and the padding for the entire structure. You can also override your global background color for a specific section, add background images, and more.

It's important to explore these options and learn what each setting does. Each email design will require its own set of adjustments. To give you an idea, have a look at the sample below. In this example, you have a two-column structure, which required a different set of width and padding requirements. In this case, the user wanted the image to take up most of the structure, leaving a 165px column for the copy. In addition, they wanted a 20px border around both the image and the copy.

Blocks

Each type of content block has it's own settings. For image blocks, you'll select your image, specify cropping, alignment, responsiveness etc. For text blocks, you can override the global styling of your fonts, colors, spacing, etc. Let's take a closer look:

Text Color, Alignment & Spacing

To change the text color or alignment for a section within your email, simply select the block you want to edit. Once selecting in this area you will get a series of options for editing. Choose the text color and select from the picker, or add a custom hex value. In addition, you can choose your alignment or even line spacing.

Text Editor

Although you can change text color, alignment & spacing within the block content settings, you can also use the text editor within any container block. You can change the font and point size, choose bold, italic, or underline, and even change color or add numbering or bullets. There are even more advanced features, such as merge tags for personalization.

Social Icons

Choose from different social icon designs or upload your own. When clicked, these icons can be linked to the appropriate URL. For mobile viewers, more advanced options, such as click-to-dial, can also be added. Just add the phone icon and select the correct link option.

Video

Other block options include video. Add YouTube, Vimeo, or even TikTok links to add some extra flair to your emails. Because videos themselves are not widely supported in email clients, the editor will instead, capture a keyframe from the video and superimpose a play button top of it. This way viewers will know it's a video and will be directed to the video when clicking. You can choose your own thumbnail, and play-button style.

Modules

Modules are simply pre-built components containing the stripe, structure, and blocks already selected. Each starter layout includes a series of pre-built modules for convenience and speed. Simply drag and drop the modules you want added and you can further edit the content to how you want it to look and work.

In addition, once a module is customized (or even built from scratch using stripes, structures, and blocks), it can be saved in "My Modules" so it can be re-used quickly and easily. Simply hover over the stripe or container you want to be saved as a module and click the save icon.

On the left-hand side of the screen, give your module a name and description and update. Moving forward, you will now see this module in your My Modules section when building future emails.

Once saved, you will see it saved in your 'My Modules' section of the master modules section under content.

Did this answer your question?