How to Edit an Existing Page with the Avada Builder in WordPress

Introduction Avada’s Fusion Builder (now called Avada Builder) offers a visual, drag-and-drop interface to design and update your WordPress pages. This guide will show you how to open a page in Avada Builder, make edits to text, images, containers, and Fusion Elements, and save your changes—using simple steps and screenshot placeholders.

1. Log In to Your WordPress Dashboard

1. In your browser, go to yourwebsite.com/wp-admin.

2. Enter your Username and Password, then click Log In.

2. Navigate to All Pages

1. In the left-hand menu, click Pages > All Pages.

2. Find the page you want to edit.

3. Hover over its title and click Edit (or Quick Edit but for builder access choose Edit).

3. Launch the Avada Builder

1. On the page edit screen, click the Avada Builder tab at the top.

2. If prompted, choose Frontend Editor to edit visually on your live page, or Backend Editor for a block-based view.

4. Understand the Avada Builder Interface

1. Fusion Builder Toolbar appears at top or bottom with layout options.

2. Containers are the main sections—each can hold rows and columns.

3. Columns divide containers horizontally.

4. Fusion Elements (buttons, text blocks, images) are the content modules you drop into columns.

5. Element Settings slide out on the right when you click an element.

5. Edit Text Content

1. Hover over a Text Block element and click the edit (pencil) icon.

2. In the settings panel, update your text in the Content tab.

3. Switch to the Design tab to change typography, color, spacing.

4. Click Save (check mark) to apply.

6. Replace or Add Images

1. Hover over an Image element and click edit.

2. In the Content tab, click Select Image, upload a new file or choose from the Media Library.

3. Adjust image size, alignment, and link settings.

4. Click Save.

7. Modify Containers and Columns

1. Hover over a container’s border to reveal its Container Options (six dots) icon, then click.

2. In the settings panel, under Container Settings, adjust:

   • Padding & Margin

   • Background color or image

   • Layout (full width, boxed)

3. For columns, hover over the column handle (vertical bars), click, and set Column Settings like width and alignment.

4. Click Save on each panel.

8. Add New Fusion Elements or Containers

1. Click the + Container or + Element button in the Fusion Builder toolbar.

2. Choose to add a new Container, Column, or Element from the list.

3. Drag and drop into place, then click the new element’s edit icon to customize.

9. Preview and Responsive Editing

1. In the Fusion Builder toolbar, click the Responsive View icon.

2. Toggle between Desktop, Tablet, and Mobile to see how your layout adapts.

3. Use element-specific responsive settings to show/hide or adjust for each device.

10. Save and Exit Builder

1. After making edits, click Save in each element’s panel.

2. Then click the Save or Update button in the Fusion Builder toolbar (usually bottom right).

3. Click Back to Dashboard or simply refresh the front-end to see your live changes.

Congratulations! You’ve successfully edited a page using the Avada Builder. Experiment with different Fusion Elements and design options to enhance your site. If you encounter any issues, refer to Avada’s documentation or reach out for assistance!