Help Center
Office HoursCoachIQ Login
  • Start Here
    • Quickstart
  • Website
    • Website Overview
    • Pages & Templates
      • Header Navigation and Footer Editing
    • Page Sections
      • Backgrounds in Sections
      • Buttons in Sections
      • Duplicating Sections
      • Scheduling Section
      • Numbered Steps Section
      • Gallery Section
      • Logo Showcase Section
      • Forms Sections
      • Content & Media
      • Features Section
      • Pricing Section
      • Testimonies Section
      • Credibility Section
    • Connecting Your Domain
      • Purchasing a New Domain
      • Connecting a WIX domain
      • Connecting GoDaddy Domain
      • Squarespace Permission Sharing
      • Connecting Namecheap Domain
    • Analytics Tracking
    • Search Optimization
      • Google My Business
      • Apple Maps Listing
      • Keyword Strategy
      • Content Marketing
      • Link Building
    • Get a Professional Email
      • Squarespace
      • GoDaddy
  • Athlete Portal
    • Add Sessions
    • Add Products
    • Add Programs
    • Paywalling Specific Pages
    • Design your Portal
    • Personalized Athlete Portal URL
    • Edit Share Link
    • Athlete Notifications
  • Payment
    • Payment Overview
    • Creating a Product
    • Add Product to a Session
    • Add a Product to a Program
    • Add a Product to a Form
    • Coupons
    • Access Codes
    • Stripe Account
      • Create a Stripe Account
      • Stripe Payout Schedule
    • Connect your Stripe Account
    • Cancel Client Subscription
    • Failed Payment Handling
    • Add Payment Credit to a Customer's Account
    • Update Client Billing Card
    • Managing Subscriptions
    • Stripe Accounts for Multiple Locations
    • Currency Selection
    • Payment FAQ
  • Scheduling
    • Scheduling Overview
    • Create a Session
    • Manually Book Athletes
    • Recurring Bookings
    • Canceling Sessions
    • Credits System
    • Managing Athlete Credits
    • Add Auto-Reminders
    • Overlapping other Sessions
    • Adding & Managing Coaches
    • Black Out Dates
    • Schedule Avaliability
  • Inbox
    • Client Communication Overview
    • Announcements & Emails
    • In App Messaging
    • Texting Clients
      • Create Your Own Business Phone Number
      • Texting Limits & Cost
      • Setting up a Call Redirect Number
  • people
    • Client Management Overview
    • Manage Athlete Credits
    • Import Contacts
    • Adding an Admin
    • Updating User / Admin Info
    • Understanding Groups
    • Reset Password
    • Custom Fields
    • Add Waivers and Liability Forms
    • Managing Customers FAQ
  • Tools
    • Forms Overview
      • Leveraging Forms for Camps
      • Athlete Onboarding Wavier Form
      • Sharing Form Options
      • Add Payments to Forms
      • Require Login/Sign up to Forms
    • How to Create Automations in CoachIQ
      • Using Webhooks in CoachIQ
      • Integrate with Zapier
    • QR Codes in CoachIQ
  • Video
    • Media Hub Overview
      • Adding & Managing Tags
      • Sharing Media as Links
      • Uploading Media
      • Downloading Media
      • Compress Files
      • Deleting Multiple Files
      • Media Organization Examples
    • Virtual Programs Overview
      • Creating a Program
      • Sharing Programs
      • Sharing Programs Privately
      • Paywalling a Program
      • Editing Thumbnails
      • Viewing Users Stats
      • Coach Examples
    • Video Lessons Overview
      • Adding a Lesson to a Program
      • Lesson Best Practices
    • Video Analysis Overview
      • Record and Create a New Video
      • Running a Live Zoom
      • Take a Screenshot
      • Switching Clips
      • Split Screen
      • Other Coach Examples
  • Advanced
    • Migrating from Stripe Express to a Regular Stripe Account
    • Transfer from Wix Subscriptions
    • How to Launch Facebook Ads with CoachIQ
    • How to Warm Up Your Email with CoachIQ Leads
    • Personalized IOS App Benefits
    • Personalized IOS App Set Up
      • Update Apple Agreements
    • Billing Info
Powered by GitBook
On this page
  • Introduction
  • How to Add a Background Color
  • How to Add an Image Background
  • Important Notes
  1. Website
  2. Page Sections

Backgrounds in Sections

Adding Background to a Section within the CoachIQ Web Builder

PreviousPage SectionsNextButtons in Sections

Last updated 6 months ago

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.