# Press

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FtL0PBjuLVx6ctAhdP6aJ%2FHyper%20docs%20screenshot%20do%20not%20delete%20(45).jpg?alt=media&#x26;token=8740396f-4670-416e-9ada-6f4140f10563" alt=""><figcaption></figcaption></figure>

The **Press** section lets you highlight quotes from media outlets, display logos of publications that featured your brand, and build trust through third-party validation.

This is perfect for brand storytelling or anywhere you want to demonstrate social proof.

## How to add a Press section to your Shopify store

{% hint style="success" %}
**Steps:**

1. In the theme editor (**Customize**) > click **Add section**
2. Select **Press.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit a Press section

#### General

* **Color scheme**: Choose a theme color preset. [Learn more →](https://docs.foxecom.com/hyper-theme/theme-settings/colors)

#### Section header

<details>

<summary>See settings</summary>

* **Subheading**: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
* **Heading**: Enter the primary title for your banner.
* **Heading size:** Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.

:writing\_hand: [add-highlighted-text-to-your-headings](https://docs.foxecom.com/hyper-theme/faqs/add-highlighted-text-to-your-headings "mention")

* **Text:** Add a detailed explanation or summary for the banner. Use rich text formatting like **bold**, *italic*, links, and lists for better visual emphasis.
* **Text size:** Select the size of the description text.
* **Button label:** Input the text for the call-to-action button.
* **Button link:** Add a link to the button to direct users to a specific page, product, or collection.
* **Button style:** Choose a style for the button.
* **Text alignment:**
  * Align the text in the section to the **Left**, **Center**, or **Right**.
  * Adjust alignment based on your banner’s design and layout.
* **Text alignment on Mobile:** Override desktop alignment settings specifically for mobile devices if needed.

</details>

#### Press settings

* **Text size:** Adjust the size of the Press content.

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FNiPmn2REtld12wS0Byzl%2Fimage.png?alt=media&#x26;token=a67324be-0ca8-46bf-845f-d93487eaa45f" alt=""><figcaption></figcaption></figure>

* **Column gap:** Controls spacing between the images.
* **Desktop image width:** Set the width for logos on desktop.
* **Mobile image width:** Set the width for logos on mobile for responsive optimization.

## Block settings

Each block includes:

* **Image:** Upload the logo or image of the press outlet.
* **Text:** Add a quote or statement attributed to the media source. Use quotation marks for authenticity.

***

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FkUIzEsJKOeRiz891zyf5%2Flivechat883x471%20(1).png?alt=media&#x26;token=90cbed2c-e791-49c8-9f43-49a08bed6f1f" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>
