> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/image-banner/small-image-settings.md).

# 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.                                                                                                           |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://halosoft.gitbook.io/bonnita-documentation/sections/all-sections-in-theme/image-banner/small-image-settings.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.