# Small Image Settings

| Setting                      | Description                                                                                                                                                                                                                                                                                                                                                                                     |
| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Enable Row Reverse           | Swap the banner and content position.                                                                                                                                                                                                                                                                                                                                                           |
| Select Image                 | Upload/Choose an image for the banner. If more than 1 image is provided, the banner will act as a slider.                                                                                                                                                                                                                                                                                       |
| Small Image Block Style      | <p>Select the style for the image block: <br>Style 1: The default style with a banner (or slider), a title, a description and a button.<br>Style 2: The same as style 1, but there will have 2 buttons and contents are set horizontally.<br>Style 3: The same as style 1, but the content will have a background out of the box.<br>Style 4: The same as style 1, but there are 2 buttons.</p> |
| Enable Divider?              | Turn on the divider between the content and buttons for small Image Style 2.                                                                                                                                                                                                                                                                                                                    |
| Divider Color                | Set the color for the divider for Small Image Style 2.                                                                                                                                                                                                                                                                                                                                          |
| Content Spacing Right        | Determine the spacing to the right of the content                                                                                                                                                                                                                                                                                                                                               |
| Button Spacing Left          | Determine the spacing from the left of the button away from the divider.                                                                                                                                                                                                                                                                                                                        |
| Button Position From Center  | Determine the position of the button from the its center origin.                                                                                                                                                                                                                                                                                                                                |
| Content Position From Center | Determine the position of the content (title, description) from the its center origin.                                                                                                                                                                                                                                                                                                          |
| Divider Position From Center | Move the divider up and down from its origin center.                                                                                                                                                                                                                                                                                                                                            |
| Banner Background Color      | Set the background for the banner if the style 2 Image Banner is selected.                                                                                                                                                                                                                                                                                                                      |
| Banner Background Color      | The option can also be done with gradient.                                                                                                                                                                                                                                                                                                                                                      |
| Select Image                 | Upload/choose an image for the style 4 Small Image.                                                                                                                                                                                                                                                                                                                                             |
| Description Spacing Bottom   | Determine the spacing from the bottom of the description.                                                                                                                                                                                                                                                                                                                                       |
| Subtitle                     | Fill in the subtitle for the slider.                                                                                                                                                                                                                                                                                                                                                            |
| Subtitle Letter Spacing      | Determine the spacing between letters of the subtitle.                                                                                                                                                                                                                                                                                                                                          |
| Sub Title Font Size          | Determine the font size of the subtitle.                                                                                                                                                                                                                                                                                                                                                        |
| Sub Title Font Size Mobile   | Determine the font size of the subtitle on Mobile.                                                                                                                                                                                                                                                                                                                                              |
| Sub Title Spacing Bottom     | Determine the spacing of the subtitle from the bottom.                                                                                                                                                                                                                                                                                                                                          |
| Sub Title Font Weight        | Select the font weight of the subtitle.                                                                                                                                                                                                                                                                                                                                                         |
| Sub Title Position           | Select the position of the subtitle to be above the title or below the title.                                                                                                                                                                                                                                                                                                                   |
| Sub Title Color              | Set the color of the subtitle                                                                                                                                                                                                                                                                                                                                                                   |
| Title                        | Enter the title for the slide.                                                                                                                                                                                                                                                                                                                                                                  |
| Title Letter Spacing         | Enter the spacing between letters of the title. Eg: 0.02em.                                                                                                                                                                                                                                                                                                                                     |
| Title Font Size              | Determine the font size of the title.                                                                                                                                                                                                                                                                                                                                                           |
| Title Font Size Mobile       | Determine the font size of the title on mobile.                                                                                                                                                                                                                                                                                                                                                 |
| Title Spacing Bottom         | Determine the spacing of the title from the bottom.                                                                                                                                                                                                                                                                                                                                             |
| Font Weight                  | Select the font weight of the title.                                                                                                                                                                                                                                                                                                                                                            |
| Title Color                  | Set the color for the title.                                                                                                                                                                                                                                                                                                                                                                    |
| Title Font Style             | Select the font style of the title to be either normal, capitalize, uppercase or lowercase.                                                                                                                                                                                                                                                                                                     |
| Description                  | Enter the description text for the slide.                                                                                                                                                                                                                                                                                                                                                       |
| Description Font Size        | Determine the font size of the description.                                                                                                                                                                                                                                                                                                                                                     |
| Description Font Size Mobile | <p>Determine the font size of the description on Mobile</p><p>.</p>                                                                                                                                                                                                                                                                                                                             |
| Description Line Height      | Determine the line height of the description.                                                                                                                                                                                                                                                                                                                                                   |
| Description Spacing Bottom   | Determine the spacing of the description from the bottom.                                                                                                                                                                                                                                                                                                                                       |
| Description Color            | Set the color for the description.                                                                                                                                                                                                                                                                                                                                                              |
| Content: Max Width           | Determine the max width of the whole content block including title, text and button.                                                                                                                                                                                                                                                                                                            |
| Content: Alignment           | Align content to the left, the right or center of the block.                                                                                                                                                                                                                                                                                                                                    |
| Enable Content Border        | Turn on the border of the content for small Image content.                                                                                                                                                                                                                                                                                                                                      |
| Content Border Color         | Set the color for the content border.                                                                                                                                                                                                                                                                                                                                                           |

### Settings Video

| Setting               | Description                                                                                                                                          |
| --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| URL                   | Set the url to the video on the slider.                                                                                                              |
| Aspect Ratio(Unit: %) | Provide the ratio between width and height of the video that you want to show.                                                                       |
| Icon Video Style      | <p>Select the style of the video play icon: <br>Style 1: the play icon looks the same as that of Youtube.<br>Style 2: the play icon is a circle.</p> |
| Color Icon            | Set the color for the play icon.                                                                                                                     |
| Background Color Icon | Set the background color of the play icon.                                                                                                           |