In this documentation, we will discuss the customization of the Static Carousel widget, brought to you by the Element Pack Lite.

Inserting the widget

Open your page in the Elementor editor, search by the widget name ” Static Carousel “, and then drag-drop it on the page.

The Default view of the Static Carousel

The Default displays the Image, Title, Sub Title, Text, Button, and Arrow.

Content tab customization

Items section

Go to Content > Items

Find the Image, Title, Sub Title, and Text options.

Then find the “ + Add Item ” button to add new items.

Additional Settings Section

Go to Content > Additional Settings

Find the Column, Item Gap, Item Match Height, Show Name and Title HTML Tag, Show Sub Title, and Sub Title HTML Tag options.

Also find the Show Text and Lnk to, Show Image and Image Resolution, Image Mask, and Alignment options.

Read More Section

Go to Content > Read More

Find the Read More Text, Icon, Icon Position, and Icon Spacing options.

Navigation Section

Go to Content > Navigation

Find the Navigation, Dynamic Bullets, Show Scrollbar, Arrows and Dots Position, and Hide Arrow on Mobile options.

Carousel Settings Section

Go to Content > Carousel Settings

Find Layout, Autoplay, and Autoplay Speed, Pause on Hover, Slide to Scroll, Loop, and Animation Speed (ms) options.

Style tab customization

Items section

Go to Style > Items

Find Content Padding, Normal > Background Type Color, Border Type, Border Radius, Padding, Box Shadow, and Match Padding options.

Image Section

Go to Style > Image

Find the Border Type, Border Radius, Padding, Spacing, CSS Filters, and Box Shadow options.

Title Section

Go to Style > Title

Find the Color, Spacing, Typography, and Text Shadow options.

Sub Title Section

Go to Style > Sub Title

Find the Color, Spacing, and Typography options.

Text Section

Go to Style > Text

Find the Color and Typography options.

Read More Section

Go to Style > Read More

Find the Normal > Color, Background Type, Border Type, and Border Width, Border Color, Border Radius, Box Shadow, Padding, Margin, and Typography options.

Then find the Hover > Color, Background Type, Border Color, and Animation options.

Navigation Section

Go to Style > Navigation

ARROWS

Find the Normal > Color, Background, Border Type and Border Width, Border Color and Border Radius, Padding, Size, and Space Between Arrows options.

Also find the Hover > Color, Background, Border Color, and Box Shadow options.

DOTS

Find the Normal > Color, Space Between, Size, Advanced Size, and Box Shadow options.

Then find the Active > Color, Size, and Box Shadow options.

OFFSET

Find the Arrows Offset and Dots Offset options.

Video Assist

You can watch the Static Carousel widget video tutorial above. Please visit the demo page for examples.

Thanks for staying with us.