# 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.\
* **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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.imintify.com/website-builder/visual-website-builder.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.