Blog Carousel element in WeShop – Elementor


Carousel Type: Choose between Classic Type and Advanced Type. Classic is the classic Carousel with many options though. Advanced Carousel adds left and right padding style (in pixels) onto stage-wrapper which has, as a result, a full-width carousel.

Blog Carousel Elementor element in WeShop

Below, we present all the possibilities offered for both Carousel Modes. Note down that not all of those are available for each mode and style.

Media Area Visibility: Select if you want to enable/disable the media area.
Image Load Mode: Inherit/Off/Native Lazyload/Theme Lazyload
Image Size: You can select your blog image size among Square Small Crop, Landscape sizes and Portrait sizes.
Items per Page: Select the number of items you want to display per page.
Items Tablet Landscape: Select the number of items on tablet devices, in landscape orientation.
Items Tablet Portrait: Select the number of items on tablet devices, in portrait orientation.
Items Mobile: Select the number of items on mobile devices.
Items to show: Enter how many items you want to display.
Gutter Between Items: Choose yes if you wish to add gutter between your items.
Gutter Size: Type the size you want for the gutter.
Excerpt Length: Type how many words you want to display in your post excerpts.
Read more Adds a read more button after the excerpt or more quicktag.
Order By: Select the way you want to display you post among Date, Last Modified Date, Number of comments, Title, Author and Random.
Order: Select if you wish your order post to be Descending or Ascending.
Extra Class Name: If you wish to style a particular content element differently, then use this field to add a class name and then refer to it in your CSS file.


Blog Style: Select one of the three available styles.
Border Radius: Select if you need to add border radius.
Heading Color: Choose the heading color.
Text Color: Choose the text color.
Meta Color: Choose the meta color.
Background Color: Choose the background color.
Overlay Color: Choose the overlay color.
Overlay Opacity: Choose the overlay opacity.


Post Title Tag: Select your Post Title Tag for SEO.
Post Title Size/Typography: Select your Post Title size and typography, defined in Theme Options – Typography Options.

First, configure the carousel behavior.
Loop: Select if you wish to use the loop or not. 
 Select if you wish to have autoplay or not.
Slideshow Speed: Type your slideshow speed in ms.
Pause on Hover: If you select it, your Carousel will be paused on hover.

Then configure the carousel navigation.
Navigation Visibility: Select if you want to display navigation.
Navigation Icon: Select the icon you wish for your navigation.
Navigation Icon Color: Select the navigation icon color.
Navigation Shape: Select the navigation shape.
Navigation Shape Type: Select the navigation shape type between Simple and Outline.
Navigation Shape Color: Select the navigation shape color.

Last, configure the carousel pagination.
Pagination Visibility: Select if you need to display pagination.
Pagination Speed: Type your pagination speed in ms.


Link Type:  First choose the Link type between Classic Post and Quick View.
Author Field Visibility:  Select if the blog overview will show the author.
Date Field Visibility:  Select if the blog overview will show the date.
Comments Field Visibility:  Select if the blog overview will show the comments.
Like Field Visibility:  Select if the blog overview will show likes.
Categories Field Visibility: Select if the blog overview will show categories.
Categories Mode: Select if you need to display all post categories or only first/primary.


Exclude Posts: Type the post ids you want to exclude separated by comma ( , ).
Categories: Select all or multiple categories.
Include Specific Posts: Type the post ids you want to include separated by comma ( , ).  If you define specific post ids, Exclude Posts and Categories will have no effect.

You can also discover the Blog Element – Elementor

Was this article helpful?

Related Articles