Featured Posts Widget

Content

Header: Slide to Show to enable a Header.

When Header is enabled you can activate/deactivate a Header filter.

Layout: Choose between Horizontal and Vertical layout for desktop, tablet and mobile.

When Horizontal layout is chosen you can also set Proportions for desktop, tablet and mobile in which Featured and Regular posts should be displayed.

Choose Entry template for Featured and Regular posts.

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

Both templates allow you to choose a number of posts you want to show. When more than 1 post is chosen you can set a number of columns for desktop, tablet and mobile in which posts should be displayed.

Pagination: Slide to SHOW to enable pagination.

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.

Header

Header Title: Add needed Header title here.

Filter

Filter Type: Choose between ‘As on query’ and ‘Custom’ types.

As on Query type displays posts chosen on the Query tab and allows to add needed Filter Default Text.

Custom type allows to add needed Filter Default Text and Terms (taxonomies) to show corresponding posts.

Pagination

Type: Choose a pagination type from the dropdown. (Pagination, Infinite scroll or ‘Load more’ button)

Pagination Type

View: Choose between Numbers+Previous/Next buttons, only Numbers or only Previous/Next buttons.

Page Range: Choose how many pages should be shown on the start and the end of pagination and to either side of current pages.

Load via AJAX: Slide to YES to load posts without page reloading.

Save Pagination: Slide to YES to save page number in URL.

Scroll into View: Slide to YES to scroll products into the visible area of the browser window.

Choose Previous and Next Icons and add a Text to them if needed.

Infinite scroll Type

Preview Infinite Preloader: Click to see how a preloader functions.

Text: Add a needed Infinite text.

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

‘Load more’ Type

Button Text: Add Button Text for Normal and Loading modes.

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

Show Regular posts only: Slide to YES to show regular posts only.

Style

Layout

Space Between Templates: Set a space between Featured and Regular templates for desktop, tablet and mobile.

Separator Width: Set a border width between Featured and Regular templates for desktop, tablet and mobile.

Separator Type: Choose a Separator Type from the dropdown.

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

Space Between Columns: Set a space between Featured template’s columns for desktop, tablet and mobile. (for Featured and Regular templates)

Space Between Rows: Set a space between Featured template’s rows for desktop, tablet and mobile. (for Featured and Regular templates)

Separator width (Rows): Set a Separator width between Featured template’s rows for desktop, tablet and mobile. (for Featured and Regular templates)

Separator width (Columns): Set a Separator width between Featured template’s columns for desktop, tablet and mobile. (for Featured and Regular templates)

Header

Title

Typography: Set a Typography using settings from the dropdown.

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

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

Height: Set a Header height.

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

Padding: Set padding for desktop, tablet and mobile.

Margin: Set margin for desktop, tablet and mobile.

Header Filter

Typography: Set a Typography using settings from the dropdown.

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

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

Text Shadow: Choose desired settings from the dropdown.

Size: Set a Filter size.

Padding: Set padding for desktop, tablet and mobile.

Separator

Spacing: Set a spacing between separator and filter for desktop, tablet and mobile.

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

Pagination

Typography: Set a Typography using settings from the dropdown.

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

Alignment: Choose between Left, Center, Right or Justified alignment for pagination.

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

Spacing: Set a spacing between pagination and content for desktop, tablet and mobile.

Padding: Set padding for desktop, tablet and mobile.

Pagination: Arrows

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

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

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

Border Color: Choose a Border 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)

Text Shadow: Choose desired settings from the dropdown.

Width and Height: Set arrows’ box width and height for desktop, tablet and mobile.

Space Between: Set a space between arrows and numbers for desktop, tablet and mobile.

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

Hide Text on Tablet/Mobile: Slide to YES to hide text on tablet/mobile.

Icon Spacing: Set a spacing between icon and text.

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

Border Radius: Set a border radius to numbers.

Padding: Set padding for desktop, tablet and mobile.

Pagination: Numbers

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

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

Border Color: Choose a Border Color from a color palette or dynamic tags. for Normal, Hover and Active modes)

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

Text Shadow: Choose desired settings from the dropdown.

Space Between: Set a space between numbers for desktop, tablet and mobile.

Width and Height: Set numbers’ width and height for desktop, tablet and mobile.

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

Border Radius: Set a border radius to numbers.

Padding: Set padding for desktop, tablet and mobile.

Pagination: Infinite Scroll

Preview Infinite Preloader: Click to see how a preloader functions.

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

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

Background Color: Choose a 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)

Text Shadow: Choose desired settings from the dropdown.

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

Padding: Set padding for desktop, tablet and mobile.

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

Icon Spacing: Set the spacing between icon and text.

Pagination: Load More

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

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

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

Text Shadow: Choose desired settings from the dropdown.

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

Padding: Set padding for desktop, tablet and mobile.

Advanced

Set the Advanced options that are applicable to this widget