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

Activate Static Carousel Widget

To use the Static Carousel from Element Pack Pro Widget must be enabled. Navigate to WordPress Dashboard > Element Pack Pro Plugin dashboard.

1. Navigate to Core Widgets Tab.
2. Search by the Static Carousel Widget Name.
3. Enable the Static Carousel Widget.
4. Hit the Save Settings Button.

Inserting the Static Carousel widget

1. Go to the Elementor Editor Page and Hit the Add Element ” + ” Icon.
2. Search by the Static Carousel widget name. The widget will appear, Check the Element Pack Pro logo on top right corner.
3. Select the widget then Drag and Drop it on the editor 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

1. Image: Set the Image for the Items.
2. Title: Set the Title for the items.
3. Sub Title: Set the Sub Title.
4. Text: Set the Text for content.

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

Additional Settings Section

Go to Content > Additional Settings

1. Columns: Set the number of columns for displaying.
2. Item Gap: Set the gap between the Items.
3. Item Match Height: Enable it to adjus the height of the Items.
4. Show Name: Enable the switcher to show the Name.

• Title HTML Tag: Set any HTML Tag for Title ( H1, H2, H3, H4, H5, H6, p, span ). The title tag is essential for both user experience and search engine optimization (SEO).

5. Show Sub Title: Enable the switcher to show the sub title.

• Sub Title HTML Tag: Set any HTML Tag for Title ( H1, H2, H3, H4, H5, H6, p, span ). The title tag is essential for both user experience and search engine optimization (SEO).

1. Show Text: Enable the switcher to show the Text.

• Link To: Set the link of the Text to Button,

2. Show Image: Enable the switcher to show the Image.

• Image Resolution: Set the resolution for the Image.

3. Image Mask: Set the masking for the Images. Different premade masking style are available.
4. Alignment: Set the alignment of the content, Left, Center, Right, and Justified.

Read More Section

Go to Content > Read More

1. Read More Text: Set the text for the Read More button.
2. Icon: Choose the Icon for the Button.
3. Icon Position: Set the position of the Icon left or right.
4. Icon Spacing: Set the spacing for the Icon.

Navigation Section

Go to Content > Navigation

1. Navigation: Set the navigation for the content, Set it Arrows and Dots.
2. Dynamic Bullets?: Turn of the switcher to show the dynamic bullets.
3. Show Scrollbar?: Enable it to demonstrate the scrollbar.
4. Arrows Icon: Set the Icon for the Arrows.
5. Hide Arrows on Mobile: Enable the switcher to hide the arrows.

Carousel Settings Section

Go to Content > Carousel Settings

1. Layout: Set the layout for the Carousel. Carousel and Coverflow layout available.
2. AutoPlay: Enable the switcher to turn on the Autoplay.

• Autoplay Speed: Set the animation speed for the autoplay.

3. Slides to Scroll: Set the number of slides for scrolling.
4. Loop: Enable it to loop the Items infinity time.

• Animations Speed( ms): Set the speed for the animation.

Style tab customization

Items section

Go to Style > Items

1. Content Padding: Set the inner space for the Content.

Normal

2. Background Type: Set the Background type color for the Items.
3. Border Radius: Set the radius for the Border.
4. Padding: Set the padding for the items.

• Box Shadow: Set the shadow for the Box.
• Match Padding: Set the padding for the Match items.

Image Section

Go to Style > Image

1. Border Type: Choose the border type for Image.
2. Border Radius: Make the border corner edges rounded.
3. Padding: Set the padding for the Image.
4. Spacing: Set the pacing from content.
5. CSS Filters: Set the CSS Filters for the image.
6. Box Shadow: Set the shadow for the Box.

Title Section

Go to Style > Title

1. Color: Set the color for the Title.
2. Spacing: Set the spacing of the Title.
3. Typography: Set the typography for the Title.
4. Text Shadow: Set the shadow of the Text.

Sub Title Section

Go to Style > Sub Title

1. Color: Set the color for the Sub Title.
2. Spacing: Set the spacing for the Sub Title.
3. Typography: Set the typography of the title.

Text Section

Go to Style > Text

1. Color: Set the Color for the Text.
2. Typography: Set the typography for the Text.

Read More Section

Go to Style > Read More

Normal

1. Color: Select the Color for the Button.
2. Background Type: Choose the background type color and select the color.
3. Border Type: Set the border type and set the border.
4. Border Width: Set the thickness of the border.
5. Border Color: Set the color for the border.
6. Border Radius: Set the border radius.
7. Box Shadow: Set the shadow of the Box.
8. Padding: Set the padding.
9. Margin: Set the Margin.
10. Typography: Set the typography of the Button.

Hover

1. Color: Choose the color for the Read More Button.
2. Background Type: Set the background type color and select the color.
3. Border Color: Set the border color for read more button.
4. Animation: Set the animation of the button.

Navigation Section

Go to Style > Navigation

ARROWS

Normal

1. Color: Set the color for the Arrows.
2. Background: Se the background for the arrow.
3. Border Type: Set the border type radius.
4. Border Width: Set the width for the Border.
5. Border Color : Set the color of the Border.
6. Border Radius: Make the border corner edges rounded.
7. Padding: Set the padding for the Arrows.
8. Size: Set the size of the Icon.
9. Space Between Arrows: Set the space between the arrows.

Hover

1. Color: Set the Color for the arrows.
2. Background: Set the background color.
3. Border Color: Set the border color.
4. Box Shadow: Make a shadow for the Box.

DOTS

Normal

1. Color: Set the color for this.
2. Space Between: Set the space between the arrows.
3. Size: Set the size for the navigation.
4. Advanced Size: Set the size for the advanced Box.
5. Box Shadow: Make a shaow for the Box.

Active

1. Color: Set the color for the Dots.
2. Size: Set the size for the Arrows.
3. Box Shadow: Set the shadow for the Box.

OFFSET

1. Arrows Offset: Set the offset for the arrows.
2. Dots Offset: Set the offset for the dots.

Video Assist

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

Thanks for staying with us.