Portfolio Element in Crocal


Portfolio Mode: Select between the Grid and Masonry portfolio mode.
Image Size: For the Grid Mode, you can select among Square Small Crop, Landscape Small Crop, Landscape Medium Crop, Portrait Small Crop, Portrait Medium Crop, Resize (Large), Resize (Medium Large) and Resize (Medium). For the Masonry Mode, you can select among Auto Crop, Resize (Large), Resize (Medium Large), Resize (Medium) and Custom (set by single portfolio media section).
Large Screen Columns: Select the portfolio columns you wish to have on large screens.
Columns: Select the number of columns you want to display.
Tablet Landscape Columns: Select number of columns on tablet devices, in landscape orientation.
Tablet Portrait Columns: Select number of columns on tablet devices, in portrait orientation.
Mobile Columns: Select number of columns on mobile devices.
Gutter Between Items: Choose yes if you wish to add gutter between your items.
Order By: Select the way you want to display your 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.
CSS Animation: Select your type of animation if you want this element to be animated when it enters into the browser’s viewport. Note: It works only in modern browsers.
Bottom Margin: You can use px, em, %, etc. or enter just number and it will use pixels.
Element ID: Enter your element ID, just make sure that it is unique.
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.

Titles and Hovers

Image Title and Description Visibility: 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 Portfolio Title 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 among Content Below Image, Top Down Animated Content, Left Right Animated Content and Animated Box Content.
Title/Description Auto Resize: If selected title/description will be automatically resized according to media width.
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 Carousel Element.

Was this article helpful?

Related Articles