Posts Slider Widget

Content

Layout

Blog Layout: Choose between Default and Custom layouts.

Default Blog layout provides the following settings:

Posts: Set amount of posts that should be shown.

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.

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.

Image: Slide to SHOW to show a post image.

Image Size: Choose an Image size between Full and Custom.

Meta Data Top: Slide to SHOW to enable Top meta data and choose desired fields from the dropdown.

Heading: Slide to SHOW to enable posts’ Heading.

Heading HTML tag: Choose Heading HTML tag from a dropdown.

Excerpt: Slide to SHOW to enable Excerpt.

Excerpt Length: Set desired Excerpt length.

Read More: Slide to SHOW to enable the Read More button and set it.

Meta Data Bottom: Slide to SHOW to enable Bottom metadata and choose desired fields from the dropdown.

Alignment: Choose between Left, Center or Right alignment.

Custom Blog layout allows you to choose the desired Entry template to be displayed.

Entry template should be created on the Entry tab, you can find more information on it here. 

Posts: Set amount of posts that should be shown.

Slider Type: Choose between Carousel and Coverflow.

Carousel type allows to choose a Slider Effect between Cube, Fade, Slide and Flip.

Coverflow type allows you to choose a Slider direction between Horizontal and Vertical.

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

Source: Choose a source between All Posts, Manual Selection, Current Query (can be used for archive pages), Custom Arguments and Related posts.

You can Include or Exclude posts.

Include option settings

Terms: Add needed terms (taxonomies) to show corresponding posts.

Author: Include or Exclude posts’ authors, i.e. choose posts by what authors you want (or don’t want) to be displayed.

If no author is added all posts will be shown.

Date period: Choose from the dropdown posts of what date period should be displayed.

​When the Past Day(s), Past Week(s) or Past Month(s) period is chosen you can set the amount of the past days/weeks/months.

Order By: Choose the order parameter from the dropdown and set Ascending or Descending order.

Filter ID: You can give a custom ID for that Query to allow server-side filtering of this widget.

Exclude option settings

Terms: Add needed terms (taxonomies) to exclude corresponding posts.

Manual Selection: Search & Select posts to exclude from query.

Ignore Sticky Posts: Slide to YES to exclude sticky posts.

Exclude Current post: Slide to YES to exclude current post from this query.

Offset: Use this parameter to skip the first few query posts (e.g. set ‘3’ to skip the first three posts of the query).

Prevent Duplicates: Slide to YES to prevent showing duplicate posts in one page.

The setting affects only the frontend.

Author: Include or Exclude posts’ authors, i.e. choose posts by what authors you want (or don’t want) to be displayed.

Date period: Choose from the dropdown posts of what date period should be displayed.

​When the Past Day(s), Past Week(s) or Past Month(s) period is chosen you can set the amount of the past days/weeks/months.

Order By: Choose the order parameter from the dropdown and set Ascending or Descending order.

Filter ID: You can give a custom ID for that Query to allow server-side filtering of this widget.

Slider Options

Autoplay: Slide to YES to enable Autoplay.

Autoplay Speed: Set desired speed here.

Animation Speed: Set the animation speed in milliseconds, i.e. how fast slides should slide.

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.

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

Centered Slides: Slide to YES to center the Active slide.

Free Mode/No Fixed Positions: When this mode is enabled slides don’t have fixed positions, like usual scroller.

Navigation

Choose a slides’ Navigation from the dropdown. You can choose between None, Bullets, Progressbar and Fraction.

Arrows

Show Arrows: Slide to YES to enable arrows.

Visibility: Choose when arrows should be displayed. The choice is between “Always” and “On hover”.

Choose needed icons for Next and Previous arrows and add a Text if needed.

Widget Lazy Load

lazy-load

Enable Widget Lazy Load: Slide to YES to enable widget lazy load. Enabling the setting will delay the website widget loading until it comes into visitor’s view to improve page load time.

You can choose the settings you want in the widget’s Style tab, or set the Preloader view globally in the Site Settings  to apply to all widgets with lazy loading enabled.

Style

Post

Background Color: Choose Posts’ Background Color from a color palette or dynamic tags.

Padding: Set padding for desktop, tablet and mobile.

Border Radius: Set a border radius to posts.

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

Box Shadow: Choose desired settings from the dropdown.

Post:Image

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

Border Radius: Set a border radius to posts.

Spacing: Set a Spacing between image and content.

Margin: Set an image margins.

Box Shadow: Choose desired settings from the dropdown.

Post: Meta Data Top

Typography: Set a Typography using settings from the dropdown.

Choose Colors’ settings for Normal and Hover modes.

Text Color: Choose a Text Color from a color palette or dynamic tags.The setting applies to Date, Time, View and Formats.

Link Color: Choose a Link Color from a color palette or dynamic tags. The setting applies to Author, Likes and Comments.

Taxonomy Color: Choose Taxonomy Color from a color palette or dynamic tags. The setting applies to Categories and Tags.

Taxonomy Background Color: Choose a Background color from a color palette or dynamic tags.

Spacing: Set a spacing between meta data and content.

Date: Choose Date format from the dropdown.

Time: Choose Time format from the dropdown.

Separator

Spacing: Set desired space between separator and meta data for desktop, tablet and mobile.

Type: Choose desired Separator type between Text, Symbol and Icon and set it.

Taxonomy

Padding: Set padding for desktop, tablet and mobile.

Separator

Spacing: Set desired space between separator and meta data for desktop, tablet and mobile.

Type: Choose desired Separator type between Text, Symbol and Icon and set it.

Post: Heading

Typography: Set a Typography using settings from the dropdown.

Color: Choose Heading Color from a color palette or dynamic tags. (For Normal and Hover modes)

Spacing: Set a spacing between Heading and Content.

Post: Excerpt

Typography: Set a Typography using settings from the dropdown.

Color: Choose a Color from a color palette or dynamic tags.

Spacing: Set a spacing between Excerpt and Bottom meta data.

Post: Meta Data Bottom

Typography: Set a Typography using settings from the dropdown.

Choose Colors’ settings for Normal and Hover modes.

Text Color: Choose a Text Color from a color palette or dynamic tags. The setting applies to Date, Time, View and Formats.

Link Color: Choose a Link Color from a color palette or dynamic tags. The setting applies to Author, Likes and Comments.

Taxonomy Color: Choose Taxonomy Color from a color palette or dynamic tags. The setting applies to Categories and Tags.

Taxonomy Background Color: Choose a Background color from a color palette or dynamic tags.

Author

Slide to SHOW to enable Avatar and set its Size. Add Prefix if needed (for example: ‘by’).

Date: Choose Date format from the dropdown.

Time: Choose Time format from the dropdown.

Separator

Space Between: Set desired space between separator and meta data for desktop, tablet and mobile.

Type: Choose desired Separator type between Text, Symbol and Icon and set it.

Taxonomy

Padding: Set padding for desktop, tablet and mobile.

Separator

Spacing: Set desired space between separator and meta data for desktop, tablet and mobile.

Type: Choose desired Separator type between Text, Symbol and Icon and set it.

Slider Layout

Slider Direction: Choose between Horizontal and Vertical directions.

Slider Height: Set a slider height. Choose between Auto and Custom settings.

Space Between: Set desired space between posts.

Padding: Set padding for desktop, tablet and mobile.

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

Slider Arrows

Icon Color: Choose Icon Color from a color palette or dynamic tags. (for Normal and Hover modes)

Background Color: Choose Icon Background Color from a color palette or dynamic tags.(for Normal and Hover modes)

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

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

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

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

Border Radius: Set a border radius to Arrows Box for desktop, tablet and mobile.

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

Padding: Set padding for desktop, tablet and mobile.

Container

Position: Choose between Horizontal and Vertical positions.

Horizontal Alignment: Choose between Left, Center, Right and Space between horizontal alignment.

Vertical Alignment: Choose between Top, Center and Bottom vertical alignment.

Margin: Set Margin for desktop, tablet and mobile.

Widget Lazy Load Preloader Type Icon

lazy-load-preloader

Icon

Icon Source: Choose default or custom icon.

Icon Size: Set the icon size for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon Color: Choose the icon color.

Icon Animation Speed (ms): Set the icon animation speed in milliseconds. 

Container

Height: Set the container height for widescreen, desktop, tablet portrait and mobile portrait modes.

Background Type: Choose the container background type between Classic and Gradient and set it.

Overlay Background Type: Choose the container overlay background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.

Widget Lazy Load Preloader Type Grid

lazy-load-grid
lazy-load-grid-2

Grid

Count: Choose the number of icons that should be displayed.

Columns: Add the number of columns the icons should be shown for widescreen, desktop, tablet portrait and mobile portrait modes.

Height: Set the height for widescreen, desktop, tablet portrait and mobile portrait modes.

Horizontal gap: Choose Horizontal gap between elements for widescreen, desktop, tablet portrait and mobile portrait modes.

Vertical gap: Set Vertical gap between elements for widescreen, desktop, tablet portrait and mobile portrait modes.

Container padding: Add Container paddings for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon: Choose the icon from Icon library or upload desired SVG.

Icon size: Set the icon size for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon Color: Choose the icon color.

Icon Animation Type: Choose between none, Blink and Spin types.

Icon Animation Speed (ms): Set the icon animation speed in milliseconds. 

Background Type: Choose the background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.

Container

Background Type: Choose the container  background type between Classic and Gradient and set it.

Overlay Background Type: Choose the container overlay background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.

Advanced

Set the Advanced options that are applicable to this widget