> 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

![](/files/-MN2D0WTthdyD-lpyJvt)

## Config

![](/files/-MN2D6PsEd09C6tidf6_)

## 1 - Slider settings

### 1.1 - Display external content?

![](/files/-MN2ECN2_J6CZ5bnO47u)

### 1.2 - Use slideshow full screen?

Display the full height of the device.

![](/files/-MN2LfeOx9ASgbOLHxeD)

### 1.3 - Use Autoplay?

### 1.4 - Navigation

![](/files/-MN2MaztUInzt7dSPTGy)

### 1.5 - Dots + Scrollbar

![](/files/-MN2MuPAh9qOdtZ5iR_R)

### 1.6 - Height slider

Fixed height slider

![](/files/-MN2NLUXNuMUDhb1q1kd)

### 1.7 - Change slides every

### 1.8 - Responsive

### 1.9 - Banner settings

![](/files/-MN2OANCOWJW2qsgX5LU)

![](/files/-MN2OLshTvhmcqVZKBUC)

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

![](/files/-MN33vXfHcABmGtJ8OXq)

* **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
}
```
