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

# Rich Text

> Configure Everest's rich text section and its main settings, content structure, and styling controls.

The Rich Text section lets you control the content, layout, and presentation of this part of the Everest storefront. Most changes happen directly in the Theme Customizer, so you can adjust structure first and then refine styling, spacing, and supporting blocks with confidence.

<img src="https://mintcdn.com/digifist/8UNStNs6c8LuAYmI/images/theme/everest/sections/rich-text/rich-text-overview.png?fit=max&auto=format&n=8UNStNs6c8LuAYmI&q=85&s=145ebfb9f883d31a9faf8be3f8c9bb20" alt="Rich Text overview" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-overview.png" />

## What this section controls

* Headings, text content, and on-page messaging
* Layout structure, width, alignment, and spacing
* Color schemes, contrast, and shared visual styling
* Block types such as Heading, Text, Button Group

## Getting started

<Steps>
  <Step title="Open the Theme Customizer">
    In Shopify admin, go to **Online Store** -> **Themes** -> **Customize**.
  </Step>

  <Step title="Add or open Rich Text">
    Add the **Rich Text** section to a compatible template or select the existing section from the left sidebar.
  </Step>

  <Step title="Adjust the main settings first">
    Start with the structural settings such as layout, width, color scheme, spacing, or content source before refining smaller details.
  </Step>

  <Step title="Review blocks and supporting content">
    Add, remove, or reorder blocks after the main layout feels right so content hierarchy stays easier to manage.
  </Step>
</Steps>

<img src="https://mintcdn.com/digifist/8UNStNs6c8LuAYmI/images/theme/everest/sections/rich-text/rich-text-location.png?fit=max&auto=format&n=8UNStNs6c8LuAYmI&q=85&s=c2a0bfb57452cdb27e8815f3d7e0fc91" alt="Rich Text location in Theme Customizer" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-location.png" />

## Section settings

### Content

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-content.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=18d41aa23632035975c8779dce98af30" alt="Rich Text Content settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-content.png" />

<AccordionGroup>
  <Accordion title="Content width" icon="grid">
    Choose how **Content width** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** Small, Medium, Large, Page, Fluid, Full.

    **Default:** `page`
  </Accordion>

  <Accordion title="Horizontal alignment" icon="sparkles">
    Choose how **Horizontal alignment** behaves in the section.

    It has the strongest effect on layout balance and visual hierarchy.

    **Available options:** ⇤, Center, ⇥.

    **Default:** `center`

    Automatically adjusted for mobile.
  </Accordion>

  <Accordion title="Color for content" icon="palette">
    Select the color scheme used for **color for content**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>
</AccordionGroup>

### Common settings

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-common-settings.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=86ec9753384bb20774fcf7e20be2754b" alt="Rich Text Common settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-common-settings.png" />

<AccordionGroup>
  <Accordion title="Section width" icon="grid">
    Choose how **Section width** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** Page, Fluid, Full.

    **Default:** `page`
  </Accordion>

  <Accordion title="Color scheme" icon="palette">
    Select the color scheme used for **color scheme**.

    Use this to keep contrast and branding consistent with the rest of the store.

    **Default:** `scheme-1`
  </Accordion>

  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `2`
  </Accordion>

  <Accordion title="Section border" icon="grid">
    Choose how **Section border** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** None, Top, Bottom, Both.

    **Default:** `none`
  </Accordion>
</AccordionGroup>

## Block settings

### Heading

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-heading.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=b5c6ee6f65ba6cafe09a45922300b186" alt="Rich Text Heading settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-heading.png" />

This block controls the **heading** content used inside the Rich Text section.

### Settings

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-settings.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=086706a2cb62059a7f2487d9916b8b75" alt="Rich Text Settings settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-settings.png" />

<AccordionGroup>
  <Accordion title="Show on" icon="eye">
    Choose how **Show on** behaves in the section.

    **Available options:** Desktop, Mobile, Both.

    **Default:** `both`
  </Accordion>

  <Accordion title="HTML tag" icon="sparkles">
    Choose how **HTML tag** behaves in the section.

    **Available options:** H1, H2, H3.

    **Default:** `h3`

    Useful for SEO and accessibility.
  </Accordion>

  <Accordion title="Heading" icon="text-size">
    Enter the content used for **heading**.
  </Accordion>

  <Accordion title="Heading size" icon="text-size">
    Choose how **Heading size** behaves in the section.

    **Available options:** XS, S, M, L, ↺.

    **Default:** `default`
  </Accordion>

  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `0`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `sm`
  </Accordion>
</AccordionGroup>

### Text

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-text.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=3fd1f7a954320b22b3b026038eedb1f7" alt="Rich Text Text settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-text.png" />

This block controls the **text** content used inside the Rich Text section.

### Settings

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-settings-2.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=6b087b9159d98cb30a8a44a1ae0be4be" alt="Rich Text Settings settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-settings-2.png" />

<AccordionGroup>
  <Accordion title="Show on" icon="eye">
    Choose how **Show on** behaves in the section.

    **Available options:** Desktop, Mobile, Both.

    **Default:** `both`
  </Accordion>

  <Accordion title="Line count" icon="sparkles">
    Adjust **Line count** with a slider-based control.

    **Range:** `0` to `10`  **Default:** `0`

    Text truncate to the specified number of lines. If you set 0, the text will not be truncated.
  </Accordion>

  <Accordion title="Text" icon="text-size">
    Enter the content used for **text**.
  </Accordion>

  <Accordion title="Text size" icon="text-size">
    Choose how **Text size** behaves in the section.

    **Available options:** XS, S, M, L.

    **Default:** `sm`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, XL.

    **Default:** `0`
  </Accordion>
</AccordionGroup>

### Button Group

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-button-group.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=5c3657a4ba0093258ab5912570fea96d" alt="Rich Text Button Group settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-button-group.png" />

This block controls the **button group** content used inside the Rich Text section.

### Settings

<img src="https://mintcdn.com/digifist/MiquNWLf81ABQNE6/images/theme/everest/sections/rich-text/rich-text-settings-3.png?fit=max&auto=format&n=MiquNWLf81ABQNE6&q=85&s=c8befc661187deb3a55809e96483c53c" alt="Rich Text Settings settings" width="3280" height="2186" data-path="images/theme/everest/sections/rich-text/rich-text-settings-3.png" />

<AccordionGroup>
  <Accordion title="Top spacing" icon="grid">
    Choose how **Top spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, Auto.

    **Default:** `2`
  </Accordion>

  <Accordion title="Bottom spacing" icon="grid">
    Choose how **Bottom spacing** behaves in the section.

    This setting shapes the section container and how it sits against surrounding content.

    **Available options:** No, S, M, L, Auto.

    **Default:** `0`
  </Accordion>

  <Accordion title="Space between" icon="sparkles">
    Choose how **Space between** behaves in the section.

    **Available options:** S, M, L, XL.

    **Default:** `4`

    Space between buttons, optimized for mobile
  </Accordion>
</AccordionGroup>

**Supports nested blocks:**

* **Button** for more granular content inside this block.

## Best practices

* Check contrast after changing color schemes so text and controls remain easy to read.
* Adjust layout changes alongside neighboring sections so page rhythm stays consistent.
* Start with the structural settings first, then refine decorative styling after the layout feels settled.
* Preview the section with realistic content length to catch spacing and wrapping issues early.

## Related guides

* [Everest Theme Overview](/themes/everest/index)
* [Everest Header](/themes/everest/header/header)
