> ## Documentation Index
> Fetch the complete documentation index at: https://help.coachiq.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Website Settings, Design & Text Display

> Configure your website's global settings including design theme, fonts, colors, blog setup, and domain management.

<Info>
  **Where to find this**: Dashboard → Website Builder → Settings (left sidebar)
</Info>

<img src="https://mintcdn.com/coachiq/bXBz00rmZSINl_Sm/images/globalwebsitesettings.png?fit=max&auto=format&n=bXBz00rmZSINl_Sm&q=85&s=bc97a99cba1bd6a24e88965eda1ef681" alt="CoachIQ Website Builder Settings panel in the left sidebar" width="3360" height="2280" data-path="images/globalwebsitesettings.png" />

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

<Steps>
  <Step title="Access design settings">
    Navigate to **Website Builder** and click on **Design** in the left sidebar.

    <img src="https://mintcdn.com/coachiq/0yWITd16nRRv_z0M/images/designsettings.png?fit=max&auto=format&n=0yWITd16nRRv_z0M&q=85&s=29895f302fd9f73eccc66c0342964faf" alt="CoachIQ Design settings option in the Website Builder sidebar" width="3360" height="2280" data-path="images/designsettings.png" />
  </Step>

  <Step title="Choose your theme">
    Select between Light and Dark themes using the theme selector.

    <img src="https://mintcdn.com/coachiq/FoxQV_tKTrSU6BNQ/images/gloabldesignsettings.png?fit=max&auto=format&n=FoxQV_tKTrSU6BNQ&q=85&s=2d846cef2ca80800a3c6889367a26af8" alt="CoachIQ global design settings with theme selector, font, and color options" width="3360" height="2280" data-path="images/gloabldesignsettings.png" />

    <Warning>
      **Important**: Your theme choice affects default text colors. Dark themes use white text by default, which can become invisible on white section backgrounds.
    </Warning>
  </Step>

  <Step title="Set custom fonts">
    Enter a Google Font name in the font field to customize your site's typography.

    <Tip>
      **Popular coaching website fonts**: Montserrat, Open Sans, Roboto, Lato, or Raleway provide clean, professional looks.
    </Tip>

    To use a Google Font:

    1. Visit [Google Fonts](https://fonts.google.com)
    2. Choose your font
    3. Enter the exact font name (e.g., "Helvetica Neue")
    4. Click outside the field to save
  </Step>

  <Step title="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

    <Check>
      Your design changes save automatically and apply site-wide.
    </Check>
  </Step>
</Steps>

## Troubleshooting text display issues

<iframe className="w-full aspect-video rounded-xl" src="https://share.coachiq.io/rYkgFltF" title="Fixing Text Display Issues" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />

### 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:

<Warning>
  **Most common causes**:

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

### How to fix invisible text

<Steps>
  <Step title="Identify the problem">
    Check if your text is visible in the editor but not on the published site. This indicates a color conflict.
  </Step>

  <Step title="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

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/coachiq/images/text-color-selection.png" alt="Selecting text color to fix visibility" />
    </Frame>
  </Step>

  <Step title="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

    <Note>
      **Quick check**: Look for "transparent" in the hex code field - this means your text has no color and won't be visible.
    </Note>
  </Step>

  <Step title="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

    <Check>
      **Success**: Your text is now visible on both the editor and live site!
    </Check>
  </Step>
</Steps>

### Best practices for text visibility

<Tip>
  **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
</Tip>

## Favicon

Your favicon is the small icon that appears in browser tabs, bookmarks, and mobile home screens. Set it up in the Settings panel under **Add Favicon**.

<Tip>
  **Recommended**: Upload a 50x50 pixel PNG of your logo or a simplified version that's recognizable at small sizes.
</Tip>

For complete setup instructions including social share images (Open Graph), see the [Favicon & Share Images guide](/website/seo-marketing/favicon-share-images).

## Site configuration

### Blog archive setup

<Steps>
  <Step title="Select your blog page">
    In the Settings panel, find **Blog Archive Page** and select which page will display your blog posts.

    <Note>
      You must create a page first before you can designate it as your blog archive.
    </Note>
  </Step>
</Steps>

### Scripts & analytics

Configure tracking and custom scripts:

<AccordionGroup>
  <Accordion title="Google Analytics">
    Add your Google Analytics tracking ID to monitor visitor behavior.
    [See full guide →](/website/analytics-tracking/google-analytics)
  </Accordion>

  <Accordion title="Facebook Pixel">
    Install Facebook Pixel for ad tracking and retargeting.
    [See full guide →](/website/analytics-tracking/facebook-pixel)
  </Accordion>

  <Accordion title="Custom Scripts">
    Add custom JavaScript for third-party integrations or advanced functionality.
  </Accordion>
</AccordionGroup>

## Domain management

### Active domains

View and manage all domains connected to your website:

<Steps>
  <Step title="View active domains">
    Check the **Active Domains** section to see all connected domains with their status indicators.
  </Step>

  <Step title="Add a domain">
    Click **Need another domain?** to:

    * Purchase a new domain
    * Connect an existing domain

    [Complete domain setup guide →](/website/domain-setup/purchasing-domain)
  </Step>
</Steps>

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

Control which pages appear in search engine results. You can hide pages from Google (like thank you pages or drafts) while keeping them accessible via direct link.

[Complete Sitemap Builder guide →](/website/seo-marketing/sitemap-builder)

### URL redirects

Prevent broken links when you rename or delete pages. Supports wildcards for bulk redirects.

[Complete URL Redirects guide →](/website/seo-marketing/url-redirects)

### Site cache

Manage your website's cache for optimal performance:

<Steps>
  <Step title="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
  </Step>

  <Step title="Cache best practices">
    * Cache automatically refreshes every 24 hours
    * Only purge manually when necessary
    * Allow 5-10 minutes for full cache clear
  </Step>
</Steps>

## Troubleshooting

<AccordionGroup>
  <Accordion title="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
  </Accordion>

  <Accordion title="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
  </Accordion>

  <Accordion title="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
  </Accordion>

  <Accordion title="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
  </Accordion>
</AccordionGroup>

## Pro tips

<Tip>
  **Prevent text issues**: When switching themes, always review all sections for text visibility before publishing.
</Tip>

<Tip>
  **Design consistency**: Choose fonts and colors that match your existing brand materials for a cohesive professional appearance.
</Tip>

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

<Tip>
  **Mobile preview**: Always check how your font and color choices look on mobile devices using the preview toggle.
</Tip>

## Related articles

* [Favicon & Share Images](/website/seo-marketing/favicon-share-images)
* [Sitemap Builder](/website/seo-marketing/sitemap-builder)
* [URL Redirects](/website/seo-marketing/url-redirects)
* [Domain Setup Guide](/website/domain-setup/purchasing-domain)
* [Google Analytics Setup](/website/analytics-tracking/google-analytics)
* [Working with Sections](/website/sections/working-with-sections)