# Banner (Slider)

You can optionally add a slider banner to the top of the page. This could be useful to highlighted featured new content or for promotion.

![](https://884080818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhnrjX46AlMg-zjo3zH%2F-MhomOt-3KLtQrvPdCSv%2F-MhooVwZRQmjrK6-g4fJ%2F160831c3b15a4cefa53fbb8aa1a21359-with-play.gif?alt=media\&token=7e7fbe70-4a8d-4abf-b1ec-4ea1ff249ef5)

* [ ] Add the Banner Slider to the page. Note: it does not matter where the section is on the page, but must be after the Sidenav menu section
* [ ] Open up the Banner Slider settings and add a new Banner block settings group. Each banner will show in the order you have selected 

![](https://884080818-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MhnrjX46AlMg-zjo3zH%2F-MhomOt-3KLtQrvPdCSv%2F-MhopAX1RsN5meRzxY4Y%2FSite-Builder-Thinkific%20\(84\).png?alt=media\&token=4da1a324-9219-487d-8bd2-e4797b2f85c4)

### Style Options

Optionally control the overlay that is applied on top of the image. You can control its color, opacity levels as well as completely turn it off.

![](https://884080818-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MYVrsnSbS8qjkXS-eDi%2Fuploads%2Fo9dLbzr34pJavBlug8Ya%2FSite-Builder-Thinkific%20-%202021-10-14T123841.663.png?alt=media\&token=6ee638b6-54b2-4af7-b291-b851e230f5c9)