# Customer Review

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Customer Review**".

<figure><img src="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2F81YCQeMyXq08YkS15Vpw%2Fcustomer%20review.gif?alt=media&#x26;token=76462d20-4ef1-464a-9fcd-f4ca7f64f81e" alt=""><figcaption></figcaption></figure>

## Section Settings

| Setting                                    | Description                                                                                                                   |
| ------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------- |
| Layout:                                    | Select the width layout of the section to be either default to the body's width, 1170px, 1770px or full screen width.         |
| Padding Container Full Width               | Determine the spacing of the left and right sides if the layout 'fullwidth' is selected.                                      |
| Spacing top - Desktop / Tablet / Mobile    | Determine the spacing of the section from the top on Desktop, Tablet and Mobile.                                              |
| Spacing bottom - Desktop / Tablet / Mobile | Determine the spacing of the section from the bottom on Desktop, Tablet and Mobile.                                           |
| Background Color                           | Set the Background Color for the whole section.                                                                               |
| Background Gradient                        | Set the Background Gradient for the whole section. If the gradient is none, then the background color will be applied if any. |
| Background Image                           | Upload/choose an image as the background for the section.                                                                     |
| Title                                      | Enter the title for the section.                                                                                              |
| Title Color                                | Set the title color for the section.                                                                                          |
| Title Font Size                            | Determine the font size of the section title on Desktop ranging from 10px to 50px.                                            |
| Title Font Size Mobile                     | Determine the font size of the section title on Mobile ranging from 10px to 50px.                                             |
| Title Margin Bottom                        | Determine the spacing of the title from the bottom.                                                                           |
| Description                                | Fill in the description text for the section.                                                                                 |
| Description Color                          | Set the color for description text.                                                                                           |
| Description Spacing Bottom                 | Determine the spacing of the description from the bottom.                                                                     |
| Description Font Size                      | Determine the font size of the description text.                                                                              |
| Alignment                                  | Align content to the left, the right or center of the section.                                                                |

#### Settings Review Block

| Setting                      | Description                                                                                                                                                                                                                                   |
| ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout Block:                | <p>Select the layout for each review card.<br>Layout 1: Name and occupation is on the top, the review rating stars group is on the bottom.<br>Layout 2: Name and occupation is on the bottom, the review rating stars group is on the top</p> |
| Review Row                   | Select the number of rows to show at a time.                                                                                                                                                                                                  |
| Show Arrows (For Layout 2)   | Show the arrows for navigation on Layout 2.                                                                                                                                                                                                   |
| Avatar Margin Bottom         | Determine the spacing of the reviewer from the bottom.                                                                                                                                                                                        |
| Color Heading                | Set the color for all review cards' headings.                                                                                                                                                                                                 |
| Font Size Heading            | Determine the font size of the review cards' headings.                                                                                                                                                                                        |
| Heading Margin Bottom        | Determine the spacing of all the review cards' headings from the bottom.                                                                                                                                                                      |
| Font Weight                  | Select the font weight of all review cards' headings.                                                                                                                                                                                         |
| Color Sub Heading            | Set the color for all review cards' sub-headings.                                                                                                                                                                                             |
| Font Size Sub Heading        | Determine the font size of the review cards' sub-headings.                                                                                                                                                                                    |
| Sub Heading Margin Bottom    | Determine the spacing of all the review cards' sub-headings from the bottom.                                                                                                                                                                  |
| Color Name                   | Set the color of all the review cards' names.                                                                                                                                                                                                 |
| Font Size Name               | Determine the font size of all the review cards' names.                                                                                                                                                                                       |
| Color Date                   | Set the color of all the review cards' dates.                                                                                                                                                                                                 |
| Font Size Date               | Determine the font size of all the review cards' dates.                                                                                                                                                                                       |
| Color Content                | Set the color of all the review cards' content.                                                                                                                                                                                               |
| Font Size Content            | Determine the font size of all the review cards' content.                                                                                                                                                                                     |
| Body Margin Bottom           | Determine the spacing of the review content from the bottom on all review cards.                                                                                                                                                              |
| Star Margin Bottom           | Determine the spacing of the stars group from bottom on all review cards.                                                                                                                                                                     |
| Show Avatar?                 | Enable to show the reviewers' avatars.                                                                                                                                                                                                        |
| Star Position (For Layout 2) | Select the position of the stars to either below the title or above the title.                                                                                                                                                                |
| Star Color                   | Set Star Color on all review cards.                                                                                                                                                                                                           |
| Card Spacing Top & Bottom    | Determine the top and bottom padding of all review cards.                                                                                                                                                                                     |
| Card Spacing Left & Right    | Determine the left and right padding of all review cards.                                                                                                                                                                                     |
| Card Background Color        | Set the cards' background color.                                                                                                                                                                                                              |
