🧱 Guide: Editing Text and Images in Bricks Builder (WordPress)

Why this guide?

Keeping your website fresh with updated images and text is essential for good user experience and SEO. Bricks Builder makes this easy with its visual editor—no coding required! This guide will walk you through how to change text and swap out images on any page.

⏱ Estimated time: 10–15 minutes

1. Launch Bricks Builder

1.a. Log into your WordPress dashboard

Go to Pages and find the page you want to edit.

1.b. Click “Edit with Bricks”

This opens the visual builder interface.

2. Editing Text in Bricks

2.a. Click on the text you want to change

You can do this directly in the live preview or by selecting the element from the left panel.

2.b. Edit the content in the left panel

The text area will become editable. Type in your new text and use formatting options like bold, italic, or add links.

2.c. Preview your changes instantly

You’ll see the text update in real time on the page preview.

3. Changing an Image

3.a. Click on the image you want to replace

Just like with text, click it directly or select the image element from the left panel.

3.b. In the left settings panel, click the image thumbnail

This opens your Media Library.

3.c. Choose a new image or upload one

Select your optimised image (preferably a WebP under 100KB), then click “Select”.

3.d. Adjust image settings if needed

You can tweak image size, add alt text for accessibility, and set alignment or spacing.

4. Save and Check Your Work

4.a. Click the “Save” button at the top right corner

Saving ensures your changes are published.

4.b. Use the eye icon to Preview the page live

Make sure everything looks great before you exit.

💡 Bonus Tip

💡 Use keyboard shortcuts like Cmd + S (Mac) or Ctrl + S (Windows) in Bricks to quickly save your progress while editing—super handy when working on multiple changes!