Customer testimonial

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 testimonial".

Section settings

General

Settings	Meaning
Section width	Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1770px) Full width (100% of the viewport width)
Padding for 'full width' option on desktop	Determine the left and right spacing of the full width layout.
Background color	Apply color on the background of the section.
Background gradient	Apply color on the background gradient of the section.
Background image	Upload an image as the section background.

Section header

Settings	Meaning
Heading	Enter in the heading for the section.
Heading color	Apply a color to the heading of the section.
Heading font style	Select the font style of the heading.
Heading font size	Determine the font size of the heading on Desktop.
Heading font size on mobile	Determine the font size of the heading on Mobile.
Heading bottom margin	Determine the bottom spacing of the section heading.
View all	Enter the text for the "view all" link.
'View all' link	Set URL for the "view all" to redirect to if the "Redirect To URL" is selected.
Show 'view all' border	Enable to show border for the "view all"
'View all' font size	Determine the font size of the "view all".
'View all' bottom margin	Determine the bottom spacing of the "view all".
'View all' link color	Apply a color to the "view all" link of the section.
Alignment	Select the position of the content to be either to the left, right or center of its container.

Section top padding

Settings	Meaning
Desktop	Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel).
Tablet	Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel).
Mobile	Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel).

Section bottom padding

Settings	Meaning
Desktop	Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel).
Tablet	Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel).
Mobile	Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 150px, increasing arithmetically of 5px (pixel).

Block settings

[BLOCK] Testimonial

Settings	Meaning
Image	Enter the image for the block.
Content background color	Apply a color to the heading of the section.
Content	Enter the content text for the block.
Content font size	Determine the font size of the content text on Desktop.
Content font size on mobile	Determine the font size of the content text on Mobile.
Content color	Apply a color to the content of the section.
Button label	Enter the label for the button.
Link	Enter the link for the button.
Label color	Set the label color of the button.
Label hover color	Set the text color of the button for the hover state.