Portfolio 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 .

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

Carousel Image Size: You can select your blog image size among Square Small Crop, Landscape Small Crop and Portrait Small Crop.
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.
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.
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.

Titles and Hovers

Image Title and Description Visilit: Define the visibility for your portfolio title – description. You can select among Title and Description, Title Only, Description Only and None.
Portfolio Title Tag: 
Select your PortfolioTitle Tag for SEO.
Portfolio Title Size/Typography: Select your Portfolio Title size and typography, defined in Theme Options – Typography Options.
Portfolio Style-Hovers: Select the hover style for the portfolio overview between Content Below Image, Top Down Animated Content, Left Right Animated Content and Animated Box Content.
Image Zoom Effect:  Choose the image zoom effect among Zoom In, Zoom Out and None.
Grayscale Effect: Choose the grayscale effect among Grayscale Image, Colored on Hover and None.
Overlay Color: Choose the image color overlay.
Overlay Opacity: Choose the opacity for the overlay.

Pagination and Extras

Link Type: Select the link type of your portfolio items among  Classic Portfolio, Gallery Usage and Custom Link.
Image Popup Size: Select size for your popup image, only for the Gallery Usage link type.
Items per Page:
Enter how many items per page you want to display.
Display Style: You can select among Show All, Pagination, Load More and Infinite Scroll.


Filter: If you selected it, an isotope filter will be displayed. Enable Blog Filter (Only for All or Multiple Categories). You can select your filter order, style and alignment.


Exclude Posts: Type the post ids you want to exclude separated by comma ( , ).
Portfolio 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 Portfolio Element.

Was this article helpful?

Related Articles