> 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/product-block/banner.md).

# Banner

| Setting                                 | Description                                                                                                         |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| Enable Image?                           | Enable to show the banner image.                                                                                    |
| Image                                   | Upload/choose an image for the product block banner.                                                                |
| Image Height                            | Decide the height of the banner image to be Full Height of the section or Auto for its original height.             |
| Enable Image Zoom Hover?                | Enable the hover effect on the banner image.                                                                        |
| Border Radius                           | Round the corners of the banner ranging from 0px to 50px.                                                           |
| Alignment                               | Align the content including the title, description and button to the Left, Right or Center of the block.            |
| Content Align Items                     | Vertically align the content including the title, description and button to the Left, Right or Center of the block. |
| Text                                    | Fill in the text for title of the banner.                                                                           |
| Text Font Size                          | Determine the font size for the title.                                                                              |
| Text Font Size Mobile                   | Determine the font size for the title on Mobile.                                                                    |
| Text Spacing Bottom                     | Determine the spacing of the title from the bottom.                                                                 |
| Text Color                              | Set the color of the title.                                                                                         |
| Sub Text                                | Fill in subtitle for the banner.                                                                                    |
| Sub Text Font Size                      | Determine the font size of the subtitle.                                                                            |
| Sub Text Font Size Mobile               | Determine the font size of the subtitle on Mobile.                                                                  |
| Sub Text Spacing Bottom                 | Determine the spacing of the subtitle from the bottom.                                                              |
| Sub Text Color                          | Set the color for the subtitle.                                                                                     |
| Description                             | Enter the description for the banner.                                                                               |
| Description Font Size                   | Determine the font size of the description.                                                                         |
| Description Color                       | Set the color of the description.                                                                                   |
| Button Text                             | Specify the text for the button.                                                                                    |
| Button Link                             | Provide the link for the button.                                                                                    |
| Color - Background Color - Border Color | Set the text color, background color and border color for the button of the banner.                                 |
