> For the complete documentation index, see [llms.txt](https://kitisummus.gitbook.io/molla/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kitisummus.gitbook.io/molla/other-section/1.-hero-banner/master.md).

# Master

## Add

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2D0WTthdyD-lpyJvt%2FScreenshot_258.jpg?alt=media\&token=54387eea-9717-401d-a20f-2defa8201b32)

## Config

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2D6PsEd09C6tidf6_%2FScreenshot_257.jpg?alt=media\&token=178884f1-26ac-42ee-89bc-89924eff4b5d)

## 1 - Slider settings

### 1.1 - Display external content?

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2ECN2_J6CZ5bnO47u%2FScreenshot_259.jpg?alt=media\&token=48910586-a7f1-45ea-81e6-729c29e09521)

### 1.2 - Use slideshow full screen?

Display the full height of the device.

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2LfeOx9ASgbOLHxeD%2FScreenshot_260.jpg?alt=media\&token=2b715005-19e6-4c58-9bf1-512c5457325f)

### 1.3 - Use Autoplay?

### 1.4 - Navigation

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2MaztUInzt7dSPTGy%2FScreenshot_262.jpg?alt=media\&token=fdd1224c-caeb-440b-9cbe-fb652055a822)

### 1.5 - Dots + Scrollbar

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2MuPAh9qOdtZ5iR_R%2FScreenshot_263.jpg?alt=media\&token=f2742634-8276-4fe1-8b6a-d0e93aedda70)

### 1.6 - Height slider

Fixed height slider

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2NLUXNuMUDhb1q1kd%2FScreenshot_264.jpg?alt=media\&token=8f24597b-cf25-4005-a23f-96977185bc16)

### 1.7 - Change slides every

### 1.8 - Responsive

### 1.9 - Banner settings

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2OANCOWJW2qsgX5LU%2FScreenshot_265.jpg?alt=media\&token=c877e1af-8282-46dc-9db2-c4086e3d459e)

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN1o_PlJ3LwluVkUiEB%2F-MN2OLshTvhmcqVZKBUC%2FScreenshot_266.jpg?alt=media\&token=03fc147d-06be-4760-9355-1e83a267ded6)

### Custom CSS

{% content-ref url="/pages/-MN2aKf3j75g18H\_dhrY" %}
[CSS Preset](/molla/other-section/1.-hero-banner/css-preset.md)
{% endcontent-ref %}

## 2 - Content settings

### 2.1 - Item image

* **Preload?** Enable this option for the first item of the first slide section

![](https://1592055530-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MLM_O6jG_2F5SzhLVjb%2F-MN33Lmvj-MY11SiQysP%2F-MN33vXfHcABmGtJ8OXq%2FScreenshot_271.jpg?alt=media\&token=8218df39-4a48-4a08-a364-4232b59ed0bd)

* **Heading**
  * Text
  * Font family
* **Subheading**
  * Text
  * Font family
* **Description**
  * Text
  * Font family
* **Display settings**
  * Textbox alignment top
  * Textbox alignment left (with rtl is right)
  * Text alignment mobile
  * Text alignment
* **Buttons**
  * Button 1
    * Style
    * Radius
  * Button 2
    * Style
    * Radius
* **Custom**
  * Max width textbox (1200px or width of container)
  * Css for item: Custom CSS for the current item. For example

```
.block_id .slideshow__title{
    color: #fff
}
.block_id .slideshow__subtitle{
    color: #fff
}
.block_id .slideshow__description{
    color: #fff
}
```