---
description: Use the "Testimonials" section to showcase customers' feedback and experience.
---

# Testimonials

## Testimonials

{% hint style="success" %}
**Tip:** To hide the title, description, or button, leave the corresponding fields blank.
{% endhint %}

Use the **"Heading"** placeholder to add a section title.

The font size of the title can be changed to "Small", "Medium", or "Large" in the **"Heading font size"** drop-down.

If you need to set up the color of the heading, use the **"Heading color"** picker. Here you can paste the hex code to the corresponding field or choose a color using the paint pallet. The color settings will be used for both desktop and mobile.

Use the **"Description"** input field to add some descriptive text strings to the section that will appear under the heading.

The color of the description can be set in the **"Description color"** picker. The color you apply for the item will be used for a desktop and mobile.

If you want to showcase a button in the text block under all other content, paste the call-to-action text in the **"Button"** field. Leave the field blank to hide the button.

To redirect customers to the desired page, edit the **"View all" button link"**. Use the link from the source selector, or paste the one if you use an external link.

Use the **"Style"** drop-down to change the button's appearance in the sections. The theme includes three styles that can work out in your store: "Primary", "Secondary", or "Link style". Each button style can be viewed on the following [<mark style="color:blue;">help page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections#buttons).

Use the **"Color"** picker to change the button background color for the "Primary" style. For the "Secondary" style the colorized text and border inside the button will be added. If you used the "Link style", the color will be applied to the text link.

In the following example, you can view how the described settings might be displayed in the section:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F0y7ahgWfjNe00eTO0X95%2Ftestimonials_settings.png?alt=media&#x26;token=1bc8dbdd-e8dc-4da5-bcc7-c89c2242dc6a" alt=""><figcaption></figcaption></figure>

### Layout

The layout settings change the look and feel of the section.

Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the **"Layout"** drop-down.

Use the **"Mobile align"** settings to change the alignment of the heading and description to the "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.

To add a divider between sections, use the **"Dividing line"** to set the position: "Top", "Bottom", or "Both". The dividing line will be hidden once you use the option "None".

On the **"Top spacing"** and **"Bottom spacing"** scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

### Content

The number of reviews per row can be set in the **"Items in row"** drop-down. Decide if to display 2 or 4 items in each row.

The title font size of each block can be changed to "Small", "Medium", or "Large" in the **"Heading font size"** drop-down.

Use the **"Alignment"** drop-down to decide whether to align the block title, description, and signature in each block on the "Left", "Center", or "Right".

Here is how the described settings might be displayed in the section:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FVY7BCDi3A0gbsqsuqTi8%2Ftestimonials_content.png?alt=media&#x26;token=4a0a3747-9d98-490e-882b-b965ab8bc3b5" alt=""><figcaption></figcaption></figure>

### Colors

Use the **"Active rating"** item to colorize the stars representing customer satisfaction.

The **"Clear rating"** option can be used to define the color of the remaining, unfilled stars.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FQLm4KehyRC9Q9DC6kwPp%2Ftestimonials_colors.png?alt=media&#x26;token=3008e1fe-57e1-4d12-9dd4-198c333a6fff" alt=""><figcaption></figcaption></figure>



In the following example, you can view how the section might be displayed on mobile:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FU1jd8R4mmdQvPi4nKXvO%2Ftestimonials_mobile.png?alt=media&#x26;token=00d94556-56a3-44d0-b394-5aec36aaacde" alt=""><figcaption></figcaption></figure>

***

## Content

{% hint style="success" %}
**Tip:** This block can be used several times to set up each review block individually. Click the **"Add Content"** button to add more blocks than given.
{% endhint %}

Use the **"Stars"** slider to set up how many stars to display in the review block. You can showcase from 1 to 5 stars.

Paste the main topic of a review to the **"Heading"** field.

The main body of a review can be placed in the **"Description"** field.

Add a customer username to the **"Signature"** field.



In the following example, you can view how the block might be displayed in a section:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FYz8hpFtQkyFgsOz7PtPr%2Ftestimonials_content%20block.png?alt=media&#x26;token=04e36b23-c9f1-4da2-9646-d7d6d65408e8" alt=""><figcaption></figcaption></figure>
