Full Email Editor Tools
|Time: Less than 5 minutes|
|Suggested Skills: HTML, CSS but not required|
|Objective: This article covers various tools within the Full Email Editor that adjust the HTML and CSS. One tool we highly recommend is located within the Module Manager and is called the "Tag Inspector". This allows you to more easily identify selected elements. To learn more about the steps to create a campaign using the Full Email Editor, visit Designing Your Email via Full Email Editor.|
What's the difference between inline styling and CSS?
Inline styles: Inline styles are applied directly to the element itself. You can edit the inline styling through clicking on your item and using the tools outlined below. You can also switch to the HTML tab and edit directly.
CSS:It stands for Cascading Style Sheet. Think of it as a template style-guide. It dictates how "tagged" elements appear within the campaign. You can edit styling that is supported by the CSS by using the Style Builder or by switching to the HTML tab and write/edit directly.
|Save the design.|
|Save the design as a template.|
|Undo your most recent action.|
|Redo your most recent undo.|
|Insert an image.|
|Edit your selected image (if stored in the mail2 Media Library).|
|Set absolute position of the selected image.|
| Image map editor.
* Image maps are not recommended due to growing lack of support from email clients. Additionally, links within an image map are not trackable.
|Insert link on selected text or image.|
|Remove link on selected text or image.|
|Insert a merge field (also known as a token)|
|Insert Dynamic Content. Learn more about Dynamic Content.|
|Insert mail2 Survey link.|
|Insert an RSS element.|
| Module Manager.
*We recommend turning on "Tag Inspector'" to more easily identify selected elements.
|Find and replace.|
|Insert Forward to a Friend link.|
|Insert horizontal rule.|
|Apply a font style that you choose to selected text.|
|Apply a font size that you choose to selected text. Font sizes are measured in pixels (px).|
|B||Apply the bold font style to selected text.|
|I||Apply the italic font style to selected text.|
|U||Apply underlining to selected text.|
|Change the text color.|
|Highlight the text using a selected color.|
|Align selected content (or a paragraph in which the cursor is located) based on a left-hand margin. If the alignment doesn’t change, alignment may have already been applied.|
|Align selected content (or a paragraph in which the cursor is located) based on the vertical mid-point.|
|Align selected content (or a paragraph in which the cursor is located) based on a right-hand margin.|
|Justify selected content (or a paragraph in which the cursor is located).|
|Number selected paragraphs. Bullet selected paragraphs.|
|Bullet selected paragraphs.|
|Decrease the indent for selected paragraphs.|
|Increase the indent for selected paragraphs.|
|Style Builder. Use this to edit your CSS.|