Editing the HTML or CSS of your design

You have full access to the HTML and CSS of your design in Modern Editor. Dive in and make updates as you need to!


Topics covered in this article:

Editing HTML of your design

Editing CSS of your design

 

 

Editing 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).

 

 

 

Editing 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.

 

 

 

 

Have more questions? Submit a request
Powered by Zendesk