/
Stripes

Stripes

Owned by Tristy Lee (Unlicensed)
Last updated: Oct 13, 2023 by Rebecca Kornblum
8 min read

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.

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.

      • Tiles: The option to tile an image as a background allows you to repeat the image seamlessly across the element, creating a pattern-like effect.

      • Accept the Link by selecting the check mark.

      • Image Storage Options

        • Download to the gallery will store the image in the gallery for use in other communications.

        • Leave it as an external link. It will reference the link when used. 

    • 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.

Content Background Color

The background color for a footer section in an email is the color that fills the area behind the footer 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.

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.

Footer

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.

       

      • Tiles: The option to tile an image as a background allows you to repeat the image seamlessly across the element, creating a pattern-like effect.

      • Accept the Link by selecting the check mark.

      • Image Storage Options

        • Download to the gallery will store the image in the gallery for use in other communications.

        • Leave it as an external link. It will reference the link when used. 

    • 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

Related content