Your website is built with the Elementor page builder, which lets you see how a page will look as you make changes. This guide covers opening a page in Elementor and editing the text and images on it.
Overview of the process
- Open the page in Elementor
- Get to know the editor
- Edit text
- Style text
- Edit and style images
Step 1: Open the page in Elementor
To view the pages on your site, go to Pages in the left menu of your dashboard. Pages built with Elementor show the word Elementor next to the title and need to be edited in Elementor. Hover over the page and click Edit with Elementor.
Step 2: Get to know the editor
On the left are the widgets that can be added to the page, and you simply click and drag one onto the page. The right side is a live preview of how your page will look when published. Under the Globals tab there are saved global elements you can drag on to keep a consistent look across the site.
Step 3: Edit text
To edit any existing element, click on it in the preview and its settings appear in the panel on the left. For a text element, the Content tab shows the text itself. Edit it in the panel and the page updates as you type.
Step 4: Style text
Click the Style tab to change how the text looks: the alignment (left, centre, or right), the colour, and the typography. Use the globe icons to pick from your saved global colours and fonts so everything stays on brand.
Step 5: Edit and style images
The Image widget works the same way. Click an image on the page, then click the thumbnail under Choose Image to swap it for another from your media library.
The image Style tab has its own options, including alignment, width and height, opacity, and borders.
Quick tips
- Nothing goes live until you click Publish or Update in the top right
- Use the global colours and fonts rather than manual values so the site stays consistent
- If you make a mistake, the history icon in the panel lets you step back through your changes
- Check the page on mobile using the responsive icons at the top before publishing