> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/oaktrix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/oaktrix/setting/elementor/opal-carousel.md).

# Opal Carousel

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

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-LuamaNb-STxWQLevs5l%2Fimage.png?alt=media\&token=84aa09ca-85ca-4660-9e93-44d8495deb6b)

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

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-LuampZ5XyHLeoeD4sXH%2FScreenshot_120.png?alt=media\&token=31829e65-1dec-47ea-86ef-e35b3f72d6a9)

**Step 1**- Click button "**ADD ITEM**" to add field then  input title, content , image.. for carousel content

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-Luan19hMZbZlBWnAfgj%2FScreenshot_122.png?alt=media\&token=421f4f0d-7fcb-4d4c-a0b2-d320a9761527)

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

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-LuanDlFtI1NoHuubDgH%2FScreenshot_123.png?alt=media\&token=b69a77ca-8f32-4729-a347-018c7880dc90)

**In Carousel Options:** All configs will display below image, please choose config that you want.

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-LuanLNN67NgiFjvL8xl%2FScreenshot_121.png?alt=media\&token=ebc6ef0b-0ae0-4fe2-8a31-d46a158cbaa0)

With tab Style to setup text color, padding, margin,...

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-LuanXg8TCAE2qohPuMH%2FScreenshot_124.png?alt=media\&token=17c949f4-2cc4-4414-9512-cc16d267b42f)

**In Title**: to setup title color, typography, padding, margin,... 

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuanvffACtMY0bvRKhI%2F-LuaoXGBc6JNc3WLMHmO%2FScreenshot_126.png?alt=media\&token=759d6d1f-ca96-4471-8ada-26e3d4a53c22)

**Front-end look like:**

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-LuahtDhP4XBxRjiueUK%2F-Luantl_ubojS2CMw4Y1%2FScreenshot_125.png?alt=media\&token=e354f9ff-a510-4f5a-b627-8dcc987a4bec)