Website Settings, Design & Text Display

Configure your website’s global settings including design theme, fonts, text colors, blog setup, domains, and troubleshoot display issues in CoachIQ’s Website Builder.

Where to find this: Dashboard → Website Builder → Settings (left sidebar)

What you’ll accomplish

Learn how to configure your website’s global settings including custom fonts, text colors, blog pages, domain management, and troubleshoot common text display issues to create a professional coaching website.

Design settings

Theme selection

1. Access design settings

   Navigate to Website Builder and click on Design in the left sidebar.

   
2. Choose your theme

   Select between Light and Dark themes using the theme selector.

   

   Important: Your theme choice affects default text colors. Dark themes use white text by default, which can become invisible on white section backgrounds.

3. Set custom fonts

   Enter a Google Font name in the font field to customize your site’s typography.

   Popular coaching website fonts: Montserrat, Open Sans, Roboto, Lato, or Raleway provide clean, professional looks.

   To use a Google Font:

   1. Visit Google Fonts
   2. Choose your font
   3. Enter the exact font name (e.g., “Helvetica Neue”)
   4. Click outside the field to save
4. Configure colors

   • Primary Color: Set your brand’s main color using the color picker
   • Button Text Color: Choose a contrasting color for button text visibility

   Your design changes save automatically and apply site-wide.

Troubleshooting text display issues

Common text visibility problems

If your published site has missing or invisible text that appears in the editor, you likely have one of these issues:

Most common causes:

1. White text on white background
2. Text color set to transparent
3. Theme/section color conflicts

How to fix invisible text

1. Identify the problem

   Check if your text is visible in the editor but not on the published site. This indicates a color conflict.

2. Fix white text on white background

   This commonly happens when:

   • You’re using dark mode (which defaults to white text)
   • Your section background is set to white

   To fix:

   1. Copy your heading text
   2. Paste it back in place
   3. Highlight the text
   4. Click the text color tool
   5. Select black or another dark color (not white)
   6. Repeat for all affected text

   
3. Fix transparent text

   If your text color shows “transparent” in the hex code field:

   1. Highlight the affected text
   2. Click the color picker
   3. Choose any visible color (black, dark gray, etc.)
   4. Ensure the hex code field does NOT say “transparent”
   5. Apply to all affected text elements

   Quick check: Look for “transparent” in the hex code field - this means your text has no color and won’t be visible.

4. Verify and publish

   After fixing text colors:

   1. Click Publish
   2. Check your live site
   3. Text should now appear as it does in the editor

   Success: Your text is now visible on both the editor and live site!

Best practices for text visibility

Color contrast rules:

• Light backgrounds → Dark text (black, dark gray)
• Dark backgrounds → Light text (white, light gray)
• Avoid transparent text unless intentionally hiding content
• Test all sections after theme changes

Site configuration

Blog archive setup

1. Select your blog page

   In the Settings panel, find Blog Archive Page and select which page will display your blog posts.

   You must create a page first before you can designate it as your blog archive.

Scripts & analytics

Configure tracking and custom scripts:

Google Analytics

Add your Google Analytics tracking ID to monitor visitor behavior. See full guide →

Facebook Pixel

Install Facebook Pixel for ad tracking and retargeting. See full guide →

Custom Scripts

Add custom JavaScript for third-party integrations or advanced functionality.

Domain management

Active domains

View and manage all domains connected to your website:

1. View active domains

   Check the Active Domains section to see all connected domains with their status indicators.

2. Add a domain

   Click Need another domain? to:

   • Purchase a new domain
   • Connect an existing domain

   Complete domain setup guide →

Domain status indicators

• ✅ Active: Domain is live and working
• ⏳ Pending: DNS propagation in progress (can take 24-48 hours)
• ❌ Error: Check DNS settings

Advanced settings

Sitemap builder

Access and customize your XML sitemap for better SEO:

• Located at yourwebsite.com/sitemap.xml
• Auto-updates when you add/remove pages
• Submit to Google Search Console for indexing

URL redirects

Create redirects for old URLs or marketing campaigns:

Always test redirects after creation to ensure they work correctly.

Site cache

Manage your website’s cache for optimal performance:

1. When to purge cache

   Use Purge Cache button when:

   • Design changes aren’t showing
   • Content updates aren’t visible
   • Text color fixes aren’t appearing
   • After major site updates
2. Cache best practices

   • Cache automatically refreshes every 24 hours
   • Only purge manually when necessary
   • Allow 5-10 minutes for full cache clear

Troubleshooting

Text not visible on published site

• Check if text is white on white background
• Look for “transparent” in hex code field
• Switch themes may require text color updates
• Always test after theme changes

Custom font not displaying

• Verify exact font name from Google Fonts
• Check for typos in font name
• Some fonts require specific weights (e.g., “Roboto:400,700”)
• Clear browser cache after font changes

Colors not updating

• Ensure you’re using valid hex codes (#000000 format)
• Some sections may override global colors
• Check that text isn’t set to transparent
• Purge site cache if changes don’t appear

Blog page not working

• Confirm you’ve selected a valid page as blog archive
• Ensure you have at least one published blog post
• Check that blog sections are added to your pages

Pro tips

Prevent text issues: When switching themes, always review all sections for text visibility before publishing.

Design consistency: Choose fonts and colors that match your existing brand materials for a cohesive professional appearance.

Performance optimization: Limit custom scripts and use built-in features when possible for fastest page load times.

Mobile preview: Always check how your font and color choices look on mobile devices using the preview toggle.

Related articles

• Troubleshooting Text Display Issues
• Domain Setup Guide
• Google Analytics Setup
• Working with Sections