> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/pages/theme-sections/quick-links.md).

# Quick links

Display a row of **Quick links** with custom button shapes and styles.

{% hint style="warning" %}
**Editing templates will change all pages that use the same template**. [Create new templates](/cornerstone/general/editing-themes/using-templates.md#create-and-assign-multiple-templates) for different page layouts, or [show dynamic page content](/cornerstone/general/adapting-your-theme/dynamic-content-with-metafields.md) in the same template.
{% endhint %}

## Set up section

***

In the editor side panel, click **(+) Add section** and select **Quick links**. Click and hold the drag handles **`⋮⋮`** to re-order sections.

### Section styles

Sections include general styles. Click the section to find options for **colors**, **spacing**, and **animations**.

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><mark style="color:blue;"><strong>Section colors</strong></mark></td><td><a href="/pages/CBsbGCpJAMAjEg83Oxwb#section-colors">/pages/CBsbGCpJAMAjEg83Oxwb#section-colors</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Section spacing</strong></mark></td><td><a href="/pages/CBsbGCpJAMAjEg83Oxwb#section-padding">/pages/CBsbGCpJAMAjEg83Oxwb#section-padding</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>Section animations</strong></mark></td><td><a href="/pages/CBsbGCpJAMAjEg83Oxwb#section-animations">/pages/CBsbGCpJAMAjEg83Oxwb#section-animations</a></td></tr></tbody></table>

## Settings reference

### Block settings

Click a **Links** block to find the following settings.

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Link</td><td>Paste or select a link for the quick link button.</td></tr><tr><td>Link text</td><td>Enter text for the quick link label.</td></tr></tbody></table>

### Section settings

Click the **Quick links** section to find the following settings.

#### **Header**

<table><thead><tr><th width="215">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Center header content</td><td>Choose to display headings as center-aligned within section. Uncheck this option to align headings to the left.</td></tr><tr><td>Accent</td><td>Add text to show a small heading above the main section heading.</td></tr><tr><td>Heading</td><td>Add text to show a main heading above the section.</td></tr><tr><td>Subheading</td><td>Add text to show a subheading below the main heading.</td></tr><tr><td>Maximum text width</td><td>Set the maximum width of heading text between 400 and 1000 pixels.</td></tr></tbody></table>

#### **Links**

<table><thead><tr><th width="228">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Select links to show</td><td>Choose to use a Custom list of links or a Menu from your Shopify admin.</td></tr><tr><td>Menu (Shopify Admin)</td><td>Select a menu from your Shopify admin for the quick links.</td></tr></tbody></table>

#### **Link styling**

<table><thead><tr><th width="163">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Font</td><td>Choose to use a Custom list of links or a Menu from your Shopify admin.</td></tr><tr><td>Text size</td><td>Select a menu from your Shopify admin for the quick links.</td></tr><tr><td>Shape</td><td>Change the shape of the Quick links: either Pill, Slightly rounded, or Rectangle.</td></tr><tr><td>Color</td><td>Change the color of the links. Select Current text to use default colors or use variant colors based on your theme colors: either Primary, Secondary, or Tertiary.</td></tr><tr><td>Show outline</td><td>Choose to display a border around the quick links.</td></tr></tbody></table>

#### **Layout**

<table><thead><tr><th width="176">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Desktop layout</td><td>Choose to display links as a Slider or select Wrap to display the links in multiple rows.</td></tr><tr><td>Mobile layout</td><td>Choose to display links as a Slider or select Wrap to display the links in multiple rows.</td></tr><tr><td>Alignment</td><td>Display headings either to the Left, Center, or Right within the section.</td></tr></tbody></table>

\\

***

> **Related links**
>
> [Rich text](/cornerstone/pages/theme-sections/rich-text.md)\
> [Testimonials](/cornerstone/pages/theme-sections/testimonials.md)