# Visual Website builder ### Accessing the visual editor Login to the Dashboard \ \ **Go to All pages and open the page you want to edit**
### Floating Widget * **Dashboard Widget**: Click the home icon to return to the dashboard. * **Preview Widget**: Click the eye icon to preview changes. * **Support Widget**: Click the question mark for help resources. * **Revert History Widget**: Click the clock icon to revert to a previous version of the pa
### Changing colors * **Open the Floating Color Chooser**: Click the color wheel icon to open the color picker. * **Replace Global Colors**: Use the color replace tool to change global settings without editing each section. * **Select New Colors**: Click on a color, pick a new one from the palette, and it automatically updates site-wide.
**Revert colors** to the original template colors with the right revert button.
#### Alternatively you can manually edit colors for each section Click on a section or widget en open the styling tab.
### Replace images To replace images, click on an image. And click again in the editor on the image, you can then drag and Drop a new image.
#### Replace background images Background images are mostly used as backgrounds in sections. Select a section.
Open the styling tab and there you find the background images.
Some background also could have an Overlay background, then click on "Background overla.y"
### Editing Text * **Select the Text Widget**: Click on the text you wish to edit. This will open the Elementor text editor on the left panel. * **Edit Content**: Type directly into the editor to update text. * **Formatting**: Use options in the editor to change font, size, and alignment.
### Editing Widgets * **Select and Edit**: Click on any widget (image, video, etc.) to edit its properties in the left panel. * **Customize Styles**: Adjust styles such as font color and sizes using the editing panel.
### Add new Widgets * **Add new element:** Click on the + icon on the top left to add a new widget.\ ![](https://2717306543-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkcRCZbH8h9hvWTpJLn9U%2Fuploads%2Fnl5cRD3dhTJD0PysANcj%2FScreenshot%202026-01-10%20at%2010.34.28.png?alt=media\&token=2b6215f3-3b94-4bd5-9864-7125c3746362) * **Choose widget:** Choose an element widget to add and just click or drag directly into the right place.
### Duplicate Widgets or sections The **easiest way to add new content** is to duplicate an existing item and edit, add, or remove content in this section or widget.\ \ \- Therefore, **hover** over a container and then right-click. Choose **Duplicate**.\ \ This is useful when you want to create a new section with another heading and text. **Just duplicate and edit the content.** That **saves you styling**.
### Editing Sections * **Drag and Drop**: Click and hold the section you wish to move, then drag it to a new position. * **Add New Sections**: Click the "+" button where you want a new section and select a layout. * **Delete Sections**: Hover over a section, click the "X" button to remove it.
### Finalizing Edits * **Save Changes**: Always click the green "Publish" or "Update" button to apply your changes (on the right top).
* **Preview**: Use the preview widget to view changes **after** publishing.

### Revert changes You can **restore** **revisions** of the last 5 days.