Editing the HTML or CSS of your email (Modern Editor)

In WordFly's Modern Editor you have quick access to the HTML and CSS of your email anytime. Dive in and male updates as you need to!


Topics covered in this article:

Editing HTML of email

Editing CSS of email

 

 

Editing HTML of email

 
Modern Editor provides a couple ways to edit the HTML of your email template.

 

Access HTML for the whole email


Click on the HTML tab in the lower left corner of your email template. Start editing your HTML as needed. Do not change any 'wf' elements as these are used by the editor for drag and drop behavior.

 

Access HTML from text blocks


Click on any text block in your email design (from the right side of the editor) and then click on the <html> button in the lower left corner of the text edit window.

 

 

 

Editing CSS of email

 

In Modern Editor you can easily edit the CSS of any part of your template. You can do this by going to the HTML tab and adjusting CSS or you can do this under the STYLESHEET or in any STYLES section of any block.

 

Adjusting CSS under STYLESHEET

1. Click on the STYLESHEET

2. Select any section, such as General Styles

3. Select any element, such as paragraph

4. Click on the CSS icon in the upper right of this area to access the CSS for this element. Make any edits you want to the CSS here.

 

Adjusting CSS under an individual block STYLES

1. Click on any block in your email template from the right side of the editor

2. Click on the STYLES tab

3. Select any element, such as Container

4. Click on the CSS icon in the upper right of this area to access the CSS for this element. Make any edits you want to the CSS here.

 

 

 

 

 

Have more questions? Submit a request
Powered by Zendesk