Blog Carousel Element in Crocal


Carousel Mode: Choose between Simple Mode and Advanced Mode. Simple is a 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 .
Carousel Style: Select between Content below image and Content inside image styles. These styles are available only for Simple Mode Carousel.

Below, we present all the possibilities offered for both Carousel Modes as well as Carousel Styles. 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.
Carousel Image Size: You can select your blog image size among Square Small Crop, Landscape Small Crop and Portrait Small Crop.
Excerpt Length: Type how many words you want to display in your post excerpts.
Items per Page: Select the number of items you want to display per page.
Items Tablet Landscape: Select number of items on tablet devices, in landscape orientation.
Items Tablet Portrait: Select number of items on tablet devices, in portrait orientation.
Items Mobile: Select number of items on mobile devices.
Gutter Between Items: Choose yes if you wish to add gutter between your items.
Gutter Size: Type the size you want for the gutter.
Items to show: Enter how many items you want to display.
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.
Bottom Margin: You can use px, em, %, etc. or enter just number and it will use pixels.
Extra Class Name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Carousel Layout: Select the layout for your Carousel Element between Classic and Top Navigation with Title/Text.
Navigation Type: Select the type you wish for your navigation.
Navigation Color: Select the background navigation color between dark and light.
Carousel Pagination: Choose if you want your Carousel to have a pagination or not.
Carousel Pagination Speed: Type your pagination speed in ms.
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.


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.
Hide Excerpt: If you select it, your blog overview will not show excerpt.


Hide Author: If you selected it, the blog overview will not show the author.
Hide Date: If you selected it, the blog overview will not show the date.
Hide Comments: If you selected it, the blog overview will not show the comments.
Hide Like: If you selected it, the blog overview will not show the like.


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 two more Blog elements. The Blog  and the Blog Leader.

Was this article helpful?

Related Articles