> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-sections/storytelling/faqs.md).

# Faqs

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F7e5Wr2nuBo2vYtRgGL74%2Fimage.png?alt=media&amp;token=2b8b78fb-28ac-487a-92f5-8464709bbb5c" alt=""><figcaption></figcaption></figure>

### Section settings <a href="#section-settings" id="section-settings"></a>

#### General settings <a href="#general-setting" id="general-setting"></a>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FUte4KwKfSdDgEGf35QJy%2Fimage.png?alt=media&amp;token=fb4a1700-13e9-4ea2-911c-1803133daa2f" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Section width</strong></td><td><p>3 options for container</p><ul><li><strong>Stretch width</strong>: span the section width regardless of screen size.</li><li><strong>Fixed width</strong>: depends on your page content width in <strong>Theme settings</strong> <strong>-></strong> <strong>Layout</strong>.</li><li><strong>Full width</strong>: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.</li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Select colors from <strong>Theme settings -> Colors</strong></td></tr><tr><td><strong>Open all questions</strong></td><td>Expand all questions instead of default closed state</td></tr></tbody></table>

#### Image settings <a href="#blog-posts" id="blog-posts"></a>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2F2fnIJN9RPOApiiOCLh24%2FScreenshot_133.png?alt=media&amp;token=d14838ec-b300-40f8-a979-e6ba78e9a19c" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show image</strong></td><td>A button used for toggling the image. <em><strong>(646px x 700px recommended)</strong></em></td></tr><tr><td><strong>Image</strong></td><td>Select your desired image to display.<br><em>* Note: Only appears when</em> <strong>Show image</strong> <em>is enabled</em></td></tr><tr><td><strong>Desktop image position</strong></td><td>Determine the position for your image on desktop.<br><em>* Note: Only appears when</em> <strong>Show image</strong><em>is enabled</em></td></tr></tbody></table>

#### Faqs message settings <a href="#settings-for-carousel" id="settings-for-carousel"></a>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FXOa6kn9QcNVi8CYFNN2x%2Fimage.png?alt=media&amp;token=badf5c44-5ae2-4933-9fdc-56453e550e31" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2Fi1RwLBDA8XYuJ28GDmF2%2Fimage.png?alt=media&amp;token=420f5e67-2dd8-46ea-b93d-0ffc0cf7c5dc" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show faqs message</strong></td><td>When enabled, the section will be displayed in carousel format</td></tr><tr><td><strong>Subheading</strong></td><td>The subheading of the section</td></tr><tr><td><strong>Heading</strong></td><td>The title of the section</td></tr><tr><td><strong>Enable heading underline animation</strong></td><td>Turn on an animated underline effect for headings. Switch off to keep a static look.</td></tr><tr><td><strong>Underline style</strong></td><td><p>Choose the underline’s look. Include:</p><ul><li><strong>Include</strong>: Simple underline – Clean straight line beneath the text.</li><li><strong>Curve stroke:</strong> Soft, hand-drawn curved stroke for a casual feel.</li><li><strong>Squiggle underline:</strong> Wavy line for a lively, attention-grabbing look.</li></ul><p><em>* Note: Only appears when</em> <strong>Enable heading underline animation</strong> <em>is enabled</em></p></td></tr><tr><td><strong>Underline color</strong></td><td>Pick the color used for the underline.<br><em>* Note: Only appears when</em> <strong>Enable heading underline animation</strong> <em>is enabled</em></td></tr><tr><td><strong>Description</strong></td><td>The description of the section</td></tr><tr><td><strong>Button label</strong></td><td>Set a placeholder for the button or leave it blank to hide the button</td></tr><tr><td><strong>Link</strong></td><td>The link URL you want to add</td></tr><tr><td><strong>Content alignment</strong></td><td><p>The position of the heading and description.</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr></tbody></table>

#### Section padding <a href="#section-padding" id="section-padding"></a>

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2Fn9cR8LZT3CAfv4J7h3u8%2Fimage.png?alt=media&amp;token=1c708185-72d4-4c92-ba1e-89e5704517bd" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Top</strong></td><td>Customize the top margin of the section</td></tr><tr><td><strong>Bottom</strong></td><td>Customize the bottom margin of the section</td></tr></tbody></table>

#### Section divider

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FdPwtykkdgwlmnsv23zKz%2Fimage.png?alt=media&amp;token=abba5a9c-0fba-4745-8aa1-53011e45a577" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Show divider</strong></td><td>Toggles the visibility of a horizontal divider line within the section.</td></tr></tbody></table>

### Block settings

<figure><img src="https://1059363070-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRcDJSoM26kdEZlVFekVW%2Fuploads%2FNeYNaAeMceN1LlX1URRb%2Fimage.png?alt=media&amp;token=5669869a-67a2-491c-8afc-5c24d3163547" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Question</strong></td><td>Defines the question text displayed at the top of each FAQ entry.</td></tr><tr><td><strong>Answer</strong></td><td>Provides the response or explanation shown when the corresponding FAQ question is expanded.</td></tr></tbody></table>
