Creating an engaging background is crucial to capture your visitors' attention. 10Web Builder introduces different background types, depending on the element type, you may see all or some of the below options:
- Classic: a solid color or image.
- Gradient: a mix of two colors blending into one another.
- Video: link to a video clip.
- Slideshow: a series of images.
Once your background type has been selected, you can also add a hover effect that will initiate upon interaction.
Note:
Background type availability will be determined by the type of element you are modifying.
Adding a background
To add a background to any element of your website
- Click on the element to which you want to add a background.
- Navigate to the Style tab > Background type.
- Choose the desired background type: Classic, Gradient, Video, or Slideshow.
Adding a Classic background
Depending on the element you are modifying, the Classic background has the option for one color or image.
- Select the Classic option for your background type.
- Select a color using the color picker or choose a global color.
- For an image, click the image field.
- Select an image from your existing library or upload any image.
- Adjust the image size and position.
Note:
Try responsive editing using different image sizes for various devices.