> For the complete documentation index, see [llms.txt](https://docs.imintify.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.imintify.com/website-builder/visual-website-builder.md).
# 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.