Editor Markup Cheat Sheet
Defining default styles in your templates
Summary You can define styles in a template's HTML that dictate how text and buttons should look. Styles can be selected by a user in EasyEditor. Styles can also be modified in EasyEditor, unless you choose to lock them. Default styles block When ...
Markup for templates
Summary EasyEditor provides first-class support for building your templates which is compatible across most, if not all, mobile devices. In order to mark up your templates in this way, we provide a host of features to help: A CSS inliner so you don't ...
Adding CSS to email templates
Summary EasyEditor uses classes, attributes, and comments to enable certain features in the user interface. If you want to add your own CSS rules to your email templates, you need to put your styles in the correct internal stylesheets. Otherwise ...
Changing the width of your email template
Summary In our 'Start from scratch' or 'Mobile email. Rebooted.' email templates, you can change the width of your email campaigns by adding CSS to the source code. The width of our 'Start from scratch' and 'Mobile email. Rebooted.' email templates ...
CSS inliner
Summary Please note: This information also applies to EasyEditor for landing page templates. EasyEditor has a built-in CSS inliner, which converts CSS rules in specific internal stylesheets to inline styles. This process helps to speed up development ...
Adding HTML to email templates
Summary Recommended starting point We recommend using our 'Start from scratch' templates as a starting point to create your own email templates. These email templates include the most up-to-date HTML and CSS that make your email campaigns responsive ...
Managing user actions in email templates
Summary When you're writing HTML and CSS for EasyEditor email templates, you must use specific classes, attributes, and comments to either enable or disable actions in the user interface. Structure of email templates If you're having trouble finding ...
Creating button styles
Summary Please note: This information also applies to EasyEditor for landing pages. Button styles are saved CSS rules that you can apply to buttons from the EasyEditor user interface. By creating button styles in your templates, you make sure that ...
Changing the default padding of building blocks in EasyEditor
Please note: This information also applies to EasyEditor for landing page templates. All new building blocks have a default value for their padding property. To change the default padding of your building blocks: Add the following internal stylesheet ...
Creating text styles
Summary Please note: This information also applies to EasyEditor for landing pages. Textstyles are CSS rules that you can apply to text in EasyEditor. Text styles help you to make sure that your users are using consistent styles in their designs. ...
Making your email template responsive
Summary Our 'Start from scratch' and our 'Mobile email. Rebooted.' email templates are designed to look their best across all devices. As a result, building blocks contain various CSS styles that are essential for your email campaigns to be rendered ...
EasyEditor template markup - an overview
EasyEditor template markup is HTML and CSS that controls how your users can interact with your content in EasyEditor. For example, you can use EasyEditor template markup to do the following: Create your own button styles Allow or prevent users from ...