Content Editor Appearance Section

Email Width:

• The default email width is 600px, currently the most common size.

  

Default Padding:

• Padding around an email refers to the space between the email content and the email's border or the container in which the email is placed. It's the area between the content and the edge of the email, which can be filled with a background color or left empty.

  Adding padding around an email creates a visually appealing and balanced design by creating enough white space around the email content.

  

• Email Background color:

  • The email background color refers to the color applied to the background of an email message. It's the color that fills the entire area behind the email content.

    

  • Font:

    • A font dropdown allows the choice of the default font for the email text.

      

  • Line Spacing:

    • The line spacing setting allows users to adjust the vertical spacing between lines of text in an email message.

      

    • Paragraph Bottom Space. (This toggle has been disabled)

  • Underline Links Toggle

    • When the Underlined Links Toggle is ON, hyperlinks in an electronic document, such as an email or web page, are visually indicated by a line underneath the text to signify that it is clickable and will lead to another location or resource.

      

    • When the Underlined Links Toggle is OFF, hyperlinks in an electronic document, such as an email or web page, will not be visually indicated by a line underneath the text.

      

  • Responsive Design Toggle

    • The responsive design toggle is a web design and development approach that allows websites and applications to adapt and optimize their layout and functionality based on the device and screen size used to view them. We recommend leaving this toggle on to ensure visibility on mobile and tablets.

      

  • Background Image toggle

    • The email background image will allow you to apply an image as the background of an email message. It's the image will fill the entire area behind the email content.

      • The default Background Image toggle is OFF.

        

      • Turning the Background Image to ON: This will open up the options to add a background image. The options include.

        • Upload

          

        • Add Link to Image

          

        • Access Stock images use the search feature to find images through keyword searches.

          

      • Change selected images:

        

      • Edit the selected image:

        

      • Repeat Image Toggle:

        • Repeat Image Toggle ON: It will center one image and replicate additional images as necessary on both sides of the image based on screen size.

          

        • Repeat Image Toggle OFF: Make the image the background and add the background color for any space remaining on both sides of the image based on the screen size.

          

        • Position: Allows you to determine the background image's exact horizontal and vertical placement.

          

Header

• The header section of an email template is the top part of the email 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: Ability 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 you want to use.

      

  • A content background color in an email is the color 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 you want to use.

      

  • Font Color: Set the font color for the header text.

    

  • Link Color: Set the color for links to display in the header.

    

  • Background image: The email background image will allow you to apply an image as the background of an email message. It's the image will fill the entire area behind the email content.

    • The default Background Image toggle is OFF.

      

    • Turning the Background Image to ON: This will open up the options to add a background image. The options include.

      • Upload

        

      • Add Link to Image

        

      • Access Stock images use the search feature to find images through keyword searches.

        

    • Change selected images:

      

    • Edit the selected image:

      

    • Repeat Image Toggle:

      • Repeat Image Toggle ON: It will center one image and replicate additional images as necessary on both sides of the image based on screen size.

        

      • Repeat Image Toggle OFF: Make the image the background and add the background color for any space remaining on both sides of the image based on the screen size.

        

      • Position: Allows you to determine the background image's exact horizontal and vertical placement.

Content

• Text Size: Ability to select the size of the font for the text in the header.

  

• Font Color: Set the font color for the header text.

  

• Link Color: Set the color for links to display in the header.

  

Footer

• Text Size: Ability 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 you want to use.

    

• A content background color in an email is the color 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 you want to use.

    

• Font Color: Set the font color for the header text.

  

• Link Color: Set the color for links to display in the header.

  

• Background image: The email background image will allow you to apply an image as the background of an email message. It's the image will fill the entire area behind the email content.

  • The default Background Image toggle is OFF.

    

  • Turning the Background Image to ON: This will open up the options to add a background image. The options include.

    • Upload

      

    • Add Link to Image

      

    • Access Stock images use the search feature to find images through keyword searches.

      

  • Change selected images:

    

  • Edit the selected image:

    

  • Repeat Image Toggle:

    • Repeat Image Toggle ON: It will center one image and replicate additional images as necessary on both sides of the image based on screen size.

      

    • Repeat Image Toggle OFF: Make the image the background and add the background color for any space remaining on both sides of the image based on the screen size.

      

    • Position: Allows you to determine the background image's exact horizontal and vertical placement.

Info Area

• Text Size: Ability to select the size of the font for the text in the header.

  

• Font Color: Set the font color for the header text.

  

• Link Color: Set the color for links to display in the header.

Font

• Using the drop-down, select a font type for your Headings

  

• Line Spacing

  • The line spacing setting allows users to adjust the vertical spacing between lines of text in an email message.

    

• Heading Settings

  • Users can adjust three levels of headings for use in their emails.

    • Heading font size drop-down

      

    • Bold | Italic Settings:

      • Click on the B to set the heading to Bold

        

      • Click on the I to set the heading to an Italic

        

    • Font color

      • The default is black to adjust and enter a new HEX Code.

        

Highlight Hovered Buttons Toggle

• A highlight-hovered button in an email is a clickable graphic element that changes its appearance when the user hovers their mouse over it, typically by increasing the brightness or contrast to create a visual cue that the button is interactive.

  

Support of Outlook

• This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code element. When this option is activated, the email size can be increased to kilobyte for each added button.

  

Button Color

• Email button color settings refer to the customization options that allow users to change the background color to create a design that matches their branding and visual style.

  

Font Color

• Set the font color for the header text.

  

Text Style

• Font Selection drop-down.

  

• Font Size drop-down

  

• Bold and Italic SettingsBold | Italic Settings:

  • Click on the B to set the heading to Bold

    

  • Click on the I to set the heading to an Italic

    

Border Radius

• The border radius for a button in an email refers to the property that controls the curvature of the button's corners, allowing users to create buttons with sharp or rounded corners or with custom shapes, to add visual interest and reinforce the overall design of the email.

• The default is set to 30

  

Border Radius

• The border of a button in an email refers to the outline or frame surrounding the button. It can be customized with options such as color, width, and style to create a distinct and visually appealing button that aligns with the overall design of the email.

  • More Toggle:

    • ON: The default is set to More, allowing you to edit each side of the border independently.

      

      • Example

    • 

      OFF: Turn the More toggle off to adjust the border of the button all the way around the button.

      

      • Results

        

    • Internal Padding:

      • Padding around a button in an email refers to the amount of space between the edges of the button and the surrounding content. It can be adjusted to create a button that is visually balanced and aesthetically pleasing within the context of the email design.

        • Adjust the internal padding to add space to the width or height of the button.

          

        • Example

          

Size of Header Text

• Select from the drop-down the font size for mobile header text.

  

Size of the Content Text

• Select from the drop-down the font size for mobile content text.

  

Size of the Footer Text

• Select from the drop-down the font size for mobile footer text.

  

Size of Info Area Text

• Select from the drop-down the font size for Info Area Text.

  

<<Menu>> Items Font Size

• Select from the drop-down the font size for Menu Items Font size.

  

Heading H1

• Font Size

  

• Text Alignment

  

Heading H2

• Font Size

  

• Text Alignment

  

Heading H3

• Font Size

  

• Text Alignment

  

Button Text Size

• Set the Button Text Size for the mobile view

  

Full-Width Buttons Toggle

• This toggle is disabled. This will ensure your mobile buttons are optimized.

  

Email Content Margin

• The default option is OFF for the More option.

• Click More to open up the margin options to increase the margins around the email content.