# Opal Carousel

When creating a page with Elementor, please search elementor with name  **"Opal Carousel"** widget.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-Lqxx55SQp_oTsv_-9J5%2Fcarousel5.png?alt=media\&token=7c78672a-9df9-4dd7-8a90-b95ffc363f8d)

When drag to widget , **Form  Opal Carousel** will show for you look like :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-LqxxCrWKIUPhMm_vUbD%2Fcarousel1.png?alt=media\&token=c98c6459-ffe3-4589-aaf5-e0ca1a87ae89)

Step 1- Click button "Add New" to add field then  input title, content , image.. for carousel content

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-LqxxL6GIQ33XytATnaa%2Fcarousel2.png?alt=media\&token=418c25e8-cc34-4367-9eaf-01aea2f4c04a)

Step 2-  Choose Image size , alignment, columns.. for carousel

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-Lqxx_hH8NmqxxL55sev%2Fcarousel3.png?alt=media\&token=8679e45c-f1fe-4e05-bf2b-d3bb7f30f8d1)

**In Carousel Options:**

All configs will display below image, please choose config that you want .

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-LqxxfmCen-NymxgUO0e%2Fcarousel4.png?alt=media\&token=af428a5a-8ba8-4b16-bdc2-3620edfdbf76)

Front-end look like :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-LqxxpxtgjNyFISuotC3%2Fcarousel_001.png?alt=media\&token=1beffc74-c635-4d82-b6a2-8d8f0f14bf24)