Backgrounds in Sections
Adding Background to a Section within the CoachIQ Web Builder
Last updated
Adding Background to a Section within the CoachIQ Web Builder
Last updated
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.
Open the Section Settings: Click on the section where you want to add a background color.
Select the Color Palette Icon: This icon opens the color customization options.
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.
Use brand colors for consistency.
Consider contrast to ensure readability if your section includes text.
Open the Section Settings: Click on the section where you want to add a background image.
Upload or Select an Image: Choose from your media library or upload a new image.
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.
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.
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.