Configure email template styles
The Styles section allows you to define the overall design of your email, including width, colors, and typography, to maintain a consistent look across the entire template.
Define styles before designing the template to ensure visual consistency across all blocks.
Access styles
- Go to the template editor from the Mailing module.
- Open the Styles section in the left-hand menu.
Set the email width
- Define the email width based on your needs.
- Use 600 px as a reference, as it is recommended for most emails.
- Adjust the width if you need a more compact or wider design.
Configure colors
Define the general colors of the email:
- Email background: Set the overall background color.
- Block background: Set the background color for content blocks.
- Link color: Adjust the color of links.
- Button color: Define the color of buttons. Select colors using the color picker, RGB values, or hexadecimal code.
Use the color picker
- Use the picker to choose colors visually.
- Select a color directly or enter its values.
- Use the picker to take color references from other elements, such as images or artworks.
Tip: Use the color picker tool to maintain visual consistency. For example, if you include an artwork image, you can pick a color directly from it and apply it to buttons, links, or backgrounds.
Configure typography
Define the general typography for different elements.
- Select the font.
- Adjust the text size.
- Define line spacing.
- Apply text style.
- Set the text color.
You can configure these settings for: Headings, paragraphs and buttons