How to edit the HTML or CSS of your design

In this article

Edit the HTML of your design

Edit the CSS of your design

 

 

Edit the HTML of your design

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

 

Access HTML for the whole design

 

Click on the HTML tab in the lower left corner of your design. Start editing your HTML as needed. Don't 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 design from the preview panel (right side) and then click on the <html> button in the lower left corner of the edit content panel (left side).

 

 

 

Edit the CSS of your design

 

Modern Editor provides a couple ways to edit the CSS of your design.

 

Click on the CSS tab in the lower left corner of your design. Start editing your CSS as needed.

 

 

Access CSS from any block's STYLES tab

 

1. Click on any block in your design from the preview panel (right side).

2. Click on the STYLES tab from the edit content panel (left side).

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.