Tailor Page Builder

<p><strong>Adding elements</strong> - Drag an element from the sidebar into the desired position on the page to add it. Hold the Shift button while dragging an existing element to copy it.</p>

<p><strong>Editing elements</strong> - Click and hold the Shift button to edit an element (or select it and click on the Edit button).</p>

<p><strong>Editing ancestor elements</strong> - Select a parent or ancestor element from the hierarchy menu, then click on the Edit button to edit it.</p>

<p><strong>Adding columns</strong> - Drag an element to the left or right of an existing element to create a row/column structure. Drag an element to the left or right of an existing column to add another column to that row. Drag an element to the left or right of an existing element within a column to create a nested row/column structure.</p>

<p><strong>Adding templates</strong> - Drag a saved template into the desired position on the page to add it. The available dropzones will depend on the element(s) in the template.</p>

<p><strong>Custom CSS/JS</strong> - Add custom CSS or JavaScript to the page from within Tailor using the editors provided on the Settings panel.</p>

<p><strong>Layout changes</strong> - Make changes to the layout of the page from within the Settings panel. To make site-wide changes, use the custom Tailor settings in the Customizer (page-level settings override those in the Customizer).</p>

<p><strong>Device preview</strong> - Preview your page on desktop and mobile device sizes in exactly the same way that you do in the Customizer.</p>

<p><strong>Revision history</strong> - View and restore history revision snapshots in a single click on the History panel.</p>