Skip to end of banner
Go to start of banner

Stripes

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 18 Next »

Description

The Stripes section includes the appearance options for the Header, Content, Footer, and Info area in an email.

This article describes the following options available in the Stripes section:


Header

The header section of an email template is the top part that typically contains branding and identification information, such as the company logo, name, and contact information. It may include a header image or banner, navigation links, or a call-to-action. The header section is an important element of the email template as it helps establish the brand identity and set the tone for the message.

Text Size

This allows users to select the size of the font for the text in the header.

Background Color

The background color for a header section in an email is the color that fills the area behind the header content, such as the logo or banner, and can be customized to match the brand colors or overall design of the email template. The default setting is transparent but can be changed to a hex code of the color users want to use.

Content Background Color

This is the color in an email that fills the area behind the main content, such as text, images, and buttons. The default setting is transparent but can be changed to a hex code of the color users want to use.

Font Color

This allows users to set the font color for the header text.

Link Color

This allows users to set the color for links to display in the header.

Email Background Image - How to Add

The email background image allows users to apply an image as the background of an email message. It's the image that will fill the entire area behind the email content.

  • The default Background Image toggle is OFF.

 

  • Turning the Background Image toggle to ON opens the options to add a background image.


    The options include the following:

    • Upload an image.

       

    • Add a linked path to access an image from a shared storage space.

       

    • Access stock images using the search feature to find images through keyword searches.

      •  If you plan to use the image once:

        • Select Leave as external link from the dropdown menu.

        • Click the checkmark.

      • If you plan to use the image for multiple email campaigns:

        • Go to the Project tab and insert the link.

        • Select Download to the gallery.

        • Click the checkmark to save the image for future use.

Email Background Image - How to Modify

Users can change or modify the appearance and layout of images once they have been selected.

  • Change selected images. Clicking the Change Image button allows users to change the selected image.

  • Edit a selected image. Clicking the Edit Image button allows users to edit the selected image.

  • Set the Repeat Image toggle.

    • Turning the Repeat Image Toggle ON centers one image and replicates additional images as necessary on both sides of the image based on screen size.

    • Turning the Repeat Image Toggle OFF makes the image the background and adds the background color for any space remaining on both sides of the image based on the screen size.

  • Adjusting the Position X and Y options allows users to determine the background image's exact horizontal and vertical placement.

Some email clients (Windows 10 Mail, Android 4.4, Gmail app on iOS, and Android with non-Gmail account) won't support a background image. As a backup, it is recommended that you select a background color similar to the image one.


Content

Text Size

This allows users to select the size of the font for the text in the header.

Font Color

This allows users to set the font color for the header text.

Link Color

This allows users to set the color for links to display in the header.


Text Size

This allows users to select the size of the font for the text in the header.

Background Color

The background color for a header section in an email is the color that fills the area behind the header content, such as the logo or banner, and can be customized to match the brand colors or overall design of the email template. The default setting is transparent but can be changed to a hex code of the color users want to use.

Content Background Color

This is the color in an email that fills the area behind the main content, such as text, images, and buttons. The default setting is transparent but can be changed to a hex code of the color users want to use.

Font Color

This allows users to set the font color for the header text.

Link Color

This allows users to set the color for links to display in the header.

Email Background Image - How to Add

This allows users to apply an image as the background of an email message. It's the image that will fill the entire area behind the email content.

  • The default Background Image toggle is OFF.

  •  Turning the Background Image toggle to ON opens the options to add a background image.


    The options include the following:

    • Upload an image.

       

    • Add a link to an image.

       

    • Access stock images using the search feature to find images through keyword searches.

       

Email Background Image - How to Modify

Users can modify the appearance and layout of images once they have been selected.

  • Change selected images.

  • Edit a selected image.

  • Set the Repeat Image toggle.

    • Turning the Repeat Image Toggle ON centers one image and replicates additional images as necessary on both sides of the image based on screen size.

    • Turning the Repeat Image Toggle OFF makes the image the background and adds the background color for any space remaining on both sides of the image based on the screen size.

       

    • Adjusting the Position X and Y options allows users to determine the background image's exact horizontal and vertical placement.

Some email clients (Windows 10 Mail, Android 4.4, Gmail app on iOS, and Android with non-Gmail account) won't support a background image. As a backup, it is recommended that you select a background color similar to the image one.


Info Area

Text Size

This allows users to select the size of the font for the text in the header.

Font Color

This allows users to set the font color for the header text.

Link Color

This allows users to set the color for links to display in the header.


More About the Content Library

  • No labels