Events Slider Widget

Use the widget to add events as a slider.

Content

Layout

events slider wodget layout

Event Template: Choose between Default and Custom event template.

Custom template allows to choose the needed Entry template.

Events: Set the number of events to display.

Slider Type: Choose between Carousel and Coverflow. 

Carousel is the standard rotating carousel skin that shows a customized number of image or video slides per view. This type allows you to choose a Slider Effect between Cube, Fade, Slide and Flip.  

Coverflow is a slider skin that shows a central slide in the front and two side slides in the back. 

Slider Direction: Choose between Horizontal and Vertical slider direction.

Slider Height: Choose between Auto and Custom slider height.

Slides Per View: Set the amount of Slides to be shown per row for desktop, tablet and mobile.

Slides to Scroll: Set the amount of Slides to be scrolled per swipe.

Query

events grid widget query

Source: Choose between Events, Venues, Organizers and Current query.

You can Include or Exclude events.

Include option settings.

Terms: Terms are items in a taxonomy. The available taxonomies are: Categories, Tags, Formats and custom taxonomies.

Order By: You can order events by Date, Title, Popularity, Rating, Reviews number, Random and Menu order.

You can also choose Ascending or Descending order.

Exclude option settings.

All options are the same to Include but Exclude also provides an ability for Manual Selection so that you can search & select entries to exclude from query.

Slider Options

events slider slider options

Autoplay: Slide to YES to enable Autoplay.

Autoplay Speed: Set desired Autoplay speed here.

Animation Speed: Set how fast slides should slide. (in milliseconds) 

Active Slide: Choose the slide that should be shown first.     

Pause on Hover: Slide to YES to enable Pause on Hover.

Autoplay Reverse: Slide to YES to enable Autoplay reverse.               

Infinite Loop: Slide to YES to enable Infinite Loop.

Mousewheel Control: Slide to YES to slide slides with a Mouse wheel.

Free Positioning: Slide to Yes to enable free slides positioning. When this mode is enabled slides don’t have fixed positions, like usual scroller.

Navigation: Choose slides’ Navigation between None, Bullets, Progressbar and Fraction. 

When Bullets Navigation is chosen you can select its type between Normal, Dynamic and Numbered.

Arrows

Show Arrows: Slide to YES to enable arrows.

Visibility: Choose when the arrows should be displayed, i.e. Always or On Hover.

Enable Icon: Slide to YES to enable icon and set Previous and Next icons by adding a Text and Custom Icon.

 

Style

Slider Layout

Space Between: Set the space between slides for widescreen, desktop, tablet portrait and mobile portrait views.

Width: Set the slider width for widescreen, desktop, tablet portrait and mobile portrait views.

Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait views.

Separators: Choose a separator type from the dropdown and set it.

Event

events grid widget style event

Alignment: Choose between Left, Center or Right event alignment for widescreen, desktop, tablet portrait and mobile portrait views.

Background Color: Choose the Event Background color (for Normal and Hover modes).

Border Color: Choose the Event Border color (for Normal and Hover modes).

Border Radius: Set the event  border radius for widescreen, desktop, tablet portrait and mobile portrait views (for Normal and Hover modes).

Box Shadow: Choose desired settings from the dropdown (for Normal and Hover modes).

Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait views.

Border Type: Choose a border type from the dropdown and set it.

Customize

events grid style customize

Choose the event sections you want to customize from the dropdown and set them using corresponding settings.

Customize: Image

events grid style customize image

Show: Slide to YES to enable event image.

Gap: Set a gap between Image and content for widescreen, desktop, tablet portrait and mobile portrait views.

Border Radius: Set the Image border radius for widescreen, desktop, tablet portrait and mobile portrait views.

Border Type: Choose a border type from the dropdown and set it.

Border Width: Choose the Image border width for widescreen, desktop, tablet portrait and mobile portrait views.

Border Color: Set the Image border color.

Customize: Date

events grid style customize date

Show: Slide to YES to enable event date.

Alignment: Choose between Left, Center or Right date alignment for widescreen, desktop, tablet portrait and mobile portrait views.

Typography: Set Typography using settings from the dropdown.

Color: Choose a date color.

Background Color: Choose a date background color.

Border Color: Choose a date border color.

Side Gap: Set a side gap for widescreen, desktop, tablet portrait and mobile portrait views.

Top Gap: Set a top gap for widescreen, desktop, tablet portrait and mobile portrait views.

Border Radius: Set a date border radius.

Border Type: Choose border type from the dropdown.

Customize: Meta

events grid widget customize meta

Category

Show: Slide to YES to enable event category.

Typography: Set Typography using settings from the dropdown.

Color: Choose category color.

Link Color: Choose category link color.

Link Hover Color: Choose category link hover color.

Cost

Show: Slide to YES to enable event cost.

Typography: Set Typography using settings from the dropdown.

Color: Choose a cost color.

Stroke Width: Set a stroke width.

Customize: Title

Typography: Set Typography using settings from the dropdown.

Color: Choose a title color.

Hover Color: Choose a title hover color.

Gap: Set a gap between title and content for widescreen, desktop, tablet portrait and mobile portrait views.

Stroke Width: Set a stroke width.

Customize: Venue

events grid style customize venue

Show: Slide to YES to enable event venue.

Alignment: Choose between Left, Center or Right venue alignment for widescreen, desktop, tablet portrait and mobile portrait views.

Typography: Set Typography using settings from the dropdown.

Color: Choose venue color.

Link Color: Choose venue link color.

Hover Color: Choose venue hover color.

Space Between: Set a space between venue information for widescreen, desktop, tablet portrait and mobile portrait views.

Gap: Set a space between venue and content for widescreen, desktop, tablet portrait and mobile portrait views.

Icon

Color: Choose an icon color.

Size: Set an icon size for widescreen, desktop, tablet portrait and mobile portrait views.

Gap: Set a gap between icon and venue information for widescreen, desktop, tablet portrait and mobile portrait views.

Customize: Excerpt

events grid style customize excerpt

Show: Slide to YES to enable event excerpt.

Alignment: Choose between Left, Center or Right excerpt alignment for widescreen, desktop, tablet portrait and mobile portrait views.

Typography: Set Typography using settings from the dropdown.

Color: Choose excerpt color.

Gap: Set a gap between excerpt and button for widescreen, desktop, tablet portrait and mobile portrait views.

Customize: Button

events grid style customize button

Show: Slide to YES to enable button.

Typography: Set Typography using settings from the dropdown.

Color: Choose the button color (for Normal and Hover modes).

Background Type: Choose between Color and Gradient type and set it.

Background Color: Choose the button background color (for Normal and Hover modes).

Border Color: Choose the button border color (for Normal and Hover modes).

Border Radius: Set the button border radius for widescreen, desktop, tablet portrait and mobile portrait views (for Normal and Hover modes).

Text Shadow: Choose desired settings from the dropdown (for Normal and Hover modes).

Box Shadow: Choose desired settings from the dropdown (for Normal and Hover modes).

Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait views.

Border Type: Choose a border type from the dropdown and set it. 

Slider Arrows

events slider style slider arrows
events slider style arrows container

Slider Arrows

Icon Color: Choose Icon Color from a color (for Normal and Hover modes).

Background Color: Choose  Background Color (for Normal and Hover modes).

Box Shadow: Choose desired settings from the dropdown. (for Normal and Hover modes)

Icon Size:.Set Icon size for widescreen, desktop, tablet portrait and mobile portrait views.

Arrows Box Width: Set Arrows Box Width for widescreen, desktop, tablet portrait and mobile portrait views.

Arrows Box Height: Set Arrows Box Height for widescreen, desktop, tablet portrait and mobile portrait views.

Border Radius: Set Arrows Box border radius for widescreen, desktop, tablet portrait and mobile portrait views.

Border Type: Choose a Border Type from the dropdown and set it.

Padding: Set paddings for widescreen, desktop, tablet portrait and mobile portrait views.

Container

Position: Choose between Horizontal and Vertical positions.

Horizontal alignment: Choose horizontal alignment between Left, Center, Right and Space between for widescreen, desktop, tablet portrait and mobile portrait views.

Vertical alignment: Choose vertical alignment between Top, Center and Bottom for widescreen, desktop, tablet portrait and mobile portrait views.

Margin: Set margins for widescreen, desktop, tablet portrait and mobile portrait views.