Backgrounds in Sections

Adding Background to a Section within the CoachIQ Web Builder

Introduction

Customizing the background of your website sections enhances your site's visual appeal and helps align your brand's aesthetic. This guide will walk you through adding background colors and images, adjusting opacity, and using overlay features.


How to Add a Background Color

  1. Open the Section Settings: Click on the section where you want to add a background color.

  2. Select the Color Palette Icon: This icon opens the color customization options.

  3. Choose Your Color:

    • Use the color picker to select a color.

    • Alternatively, if you have a specific brand color, enter the exact hex code into the provided field.

Tips for Choosing Colors

  • Use brand colors for consistency.

  • Consider contrast to ensure readability if your section includes text.


How to Add an Image Background

  1. Open the Section Settings: Click on the section where you want to add a background image.

  2. Upload or Select an Image: Choose from your media library or upload a new image.

  3. Adjust Image Opacity:

    • Use the sliding scale to control the transparency level of the background image.

    • Lower opacity levels can make text more readable if it overlays the image.

Additional Image Features

  • Add an Overlay Color:

    • Click the overlay option to apply a color over your background image.

    • Use the color picker or enter a hex code for precise control.

    • Adjust the overlay opacity to achieve your desired visual effect.


Important Notes

  • Background customization can greatly impact the readability and user experience of your site. Always test changes to ensure text and images are clear and visually appealing.

  • Don’t forget to click "Save" or "Publish" to apply your background settings to the live site.


By using these features, you can create visually engaging and brand-aligned website sections. If you need more help or have additional questions, visit the Help Center or contact our support team.

Last updated