How To Use Custom Carousel Widget By Element Pack Pro

  • BdThemes
  • How To Use Custom Carousel Widget By Element Pack Pro

Table Of Contents

How To Use Custom Carousel Widget By Element Pack Pro

In this documentation, we will show you how to customize the Custom Carousel widget presented by Element Pack Pro.

Inserting The Custom Carousel Widget

Inserting The Custom Carousel Widget

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

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Slides Section

Go to Content > Slides

Step-1

Slides1 - BdThemes

Find the Skin (Default & Custom Content), Image Size, Image Fit, Image Mask, and Slides Per View options, and add Custom Carousel widget items here (with the Add Item button).

Step-2

Slides2 - BdThemes

For each carousel item, find the Item Type, Image/Video, and Link to options.

Navigation Section

Go to Content > Navigation

Navigation Arrow - BdThemes

Here Find the Navigation (arrows, dots, progress, arrows & dots, arrows & fraction), Arrows Position, and Arrows Icon options.

Also, Find the Show Scroll Bar and Hide Arrows on Mobile Switchers.

Carousel Settings Section

Go to Content > Carousel Settings

Step-1

Carousel Settings1 - BdThemes

Find the Layout (Carousel & Coverflow), Transition Duration, Autoplay Speed options, and Autoplay, Pause On Hover, Infinite Loop, Centered Slides, Grab Cursor, Drag Free Mode, and Observer switchers.

Step-2

Carousel Settings2 - BdThemes

Also, find the Overlay type (icon & text), Slides to Scroll, Slides Per Column, Height, and Width options.

Work with The Style Tab

Slides Section

Go to Style > Slides

S.slides - BdThemes

Find the Space Between, Background Color, Border Size, Border Color, Padding, Border Radius, Shadow Color options, and Shadow Mode switcher.

Navigation Section

Go to Style > Navigation

Step-1

Navigation1 - BdThemes

In Normal Mode, find the arrows Color, Background color, Border Type, Border Radius, Padding, SIze, Space Between Arrows, Box Shadow, and Arrows Horizontal Offset options.

Step-2

Navigation2 - BdThemes

In Hover mode, find the arrows Color, Background color, Box Shadow, and Arrows Horizontal Offset options.

LightBox Section

Go to Style > LightBox

LightBox Section

Find the LightBox Video Width Option.

All done! You have successfully customized the Custom Carousel widget on your website.

Video Assist

You can also watch the tutorial video about the Custom Carousel widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge