How to swap images on Bricks

Instructions:

Bricks makes it easy to update and replace images on your website. You can swap background images, image sections, and other images throughout your pages.

Swap an image on a page

1. Log in to your website.
2. From the top black menu bar, click Dashboard.
3. Go to Pages.
4. Find the page you would like to update.
5. Hover over the page and click Edit with Bricks.
6. In the Bricks Builder, click on the image you would like to change.
7. From the left-hand panel, click Image.
8. Click on the current image to open your media library.
9. Choose an existing image from your media library, or click Upload Files to add a new image.
10. Select your image and click Insert.

The image will now be replaced on the page.

Uploading images

When uploading new images, make sure they are optimised for your website.

Using an image resizer is a great way to make sure your images are:

• In WebP format.
• Optimised for the website.
• Reduced in size without unnecessary background information.

Preview and save your changes

1. Once you are happy with your image changes, click Save.
2. Click View on the Front End to check how the changes look on your website.
3. If you need to change the image again, return to the Bricks Builder and select a different image.
4. Once you are happy with the final result, click Save again.
5. To exit Bricks Builder, click back to your post type in the top left corner.

You can now swap and update images across your website using Bricks!