Adding an Image as Background

Adding a background image can make your website visually appealing and help highlight important sections. In ZenBasket Builder, you can set a background image for an entire section or for individual sections within a main section.

Uploading an Image as Background for the Main Section

  1. Click on the main section where you want to set the background image.

  2. Navigate to the right tools panel.

  3. In Properties, locate the Background Overlays section.

  4. Under Background Image, click Upload.

  5. Select the desired image from your device.

  6. Apply it to set the image as the section background.

  7. Choose a Background Size and Background Position.

    enter link description here

Modifying a Background Image

  1. Click the background image you want to edit.

  2. In the** Image Properties** panel, go to** Background Overlay**.

  3. Under Modify Image, click Edit.

  4. Apply filters and make the necessary adjustments.

  5. You can crop the image and zoom in or out to view changes.

  6. Click Save to apply the updates.

    enter link description here

Set a Background Image for a Subsection

  1. To add a background image for a section within the main section, first insert a Box element.

  2. Click Add Element from the left tools panel.

  3. Under Basic Elements, select Box.

  4. Click and drag the Box element into the desired section.

  5. Once the Box is added, you can set a background image in either of the following ways:

Option 1:

  1. Click the Box to select it.

  2. Navigate to** Img Properties** → Background Overlays → Background Image on the right tools panel.

  3. Click Upload, select your image from your device, and apply.

Option 2:

  1. Click Add Element from the left tools panel.

  2. Under Basic Elements, select Image.

  3. Click and drag the Image element into the desired Box section.

  4. Resize the image to stretch it to the full width of the Box section so that it appears as the background of the subsection.

  5. You can also add other elements over this image element within the same subsection.

  6. Resize and reposition the Box element as needed to achieve the desired layout within the main section.

    enter link description here