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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/cornerstone/pages/theme-sections/quick-links.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.