Getting StartedTheme Options Page OptionsPost TypesElementorWPBakeryTemplates BuilderExtrasDynamic Content How To
TheGem Documentation
Blog / Posts Elements
Featured Posts Slider

Featured Posts Slider

With this element you can add a slider of “featured” blog posts to your page. This is useful for blog and magazine websites, where you can highlight some hot or newest posts on your page, for example in header / hero area.

Here are some examples:

https://codex-themes.com/thegem/sites/lifestyle-blog/

https://codex-themes.com/thegem/sites/lifestyle-magazine/

https://codex-themes.com/thegem/blocks/preview/extended-03-blog-category/


Content Tab

Layout

Skin

There are two skin presets for featured posts slider you can choose from.

Stretch to fullwidth 

This setting allows you to stretch the added slider to the fullwidth of your page.

Featured Posts

In this section you can choose posts to be displayed in Featured Posts Slider.

Show

Here you can specify posts of which post type should be displayed in grid. Featured Posts Slider is compatible with all custom post types, which automatically appear in this control once added to your WordPress instance.

By selecting “Same Taxonomy Items (Related) you can display posts which are related to the current post. In this case next you need to select the “Related by” taxonomy (in case you have created your own custom taxonomy it will automatically appear in “Related by” control.

By selecting “Manual Selection” you can manually select posts from different post types to display in grid. To manually select posts simply start typing the names of the respective posts in “Select Posts” control.

Source

You can show posts from selected taxonomy terms. And/or you can manually select posts of the chosen post type by choosing “Manual Selection” in “Source” field. To manually select posts simply start typing the names of the respective posts in “Select Postss” control.

Note: For blog posts there is one more selection possible in “Source” field: “Featured via post’s page options”. With this option you can display only special “featured” blog posts from the selected blog categories. For example: if you wish to show the slider with some “featured” (“hot”) blog articles from absolutely different blog categories (for example as a hero on your homepage – slider, teasing the “hot” news) you can use this settings.

You can set a post as “featured” post in page options of this post:

As soon as this post has been marked as “featured”, the category of this post will be immediately available for selection in “Featured Posts Slider” element in “Select Blog Categories” field

Order By, Sort Order

Specify the sort order of the items in featured posts slider.

Offset

Here you can displace or pass over the first items in slider by specifying the number of such items to pass over.

Exclude

Using exclude control you can exclude posts from being displayed in featured posts slider. You can manually specify the posts to exclude OR you can exclude the current post (where you are inserting the featured posts slider) OR you can exclude posts by taxonomy term – in this case simply start typing for example the name of the blog category, which posts should be excluded from being shown.

Caption

Caption contains title, description, date and categories of post in slider. Here you can show/hide different caption elements in slider. With “Title Size Preset” setting you can select pre-made size style for the blog post title, which can be further customized in Style tab. You can also enable or disable “Read More” button, specify its text and optionally add icon to this button.

Navigation Dots

This section appears in case you have selected “Navigation Dots” on “Navigation & Sorting” section. In this section you can choose between different size and style presets for navigation dots, which you can further customize in Style tab.

Additional Options

Sliding Effect

select sliding effect for posts in the slider.

Autoscroll

enable or disable autoscroll for featured posts slider and specify the autoscroll speed.


Style Tab

Image Container Style

Customize the appearance of featured posts slider’s main container. You can control the height of the slider and make additional adjustments. In “Image Overlay” group you can add a background color as overlay on your posts image and adjust its opacity. You can add additional css filters and blend mode effects. Furthermore, you can also control all spacings between control elements in image container etc.

Caption Style

Here you can customize the style and typography of caption elements: title, description, date etc.

“Read More” Button Style

Here you can customize the appearance of “Read More” button

Arrows Style

Set of options to customize the look of arrows in featured posts slider in case “Arrows” have been selected as navigation type in Content tab – Navigation & Sorting section.

Navigation Dots Style

Set of options to customize the look of navigation dots in featured posts slider in case “Navigation Dots” have been selected as navigation type in Content tab – Navigation & Sorting section.

To customize the appearance of filter in responsive mode, use settings in “Filter in responsive mode” group