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
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.
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
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.
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