How to set the Portfolio Element in Blade

The Portfolio element is surely one of the most famous elements. Based on that fact, Blade really offers multiple options for this element as well. Let’s see them briefly, starting with the basic styles.

  1. Grid Style
  2. Masonry Style
  3. Small Media
  4. Carousel

Grid Style

– Set the Grid Image Mode. Select among 4 different image sizes, Square Crop, landscape Crop, Portrait Crop or Resize. This setting change completely your portfolio’s appearance.
– Set the Columns for the Portfolio, the options are from 2 to 5.
– Set the Tablet Landscape Columns.
– Set the Tablet Portrait Columns.
– Set the Mobile Columns.
– Set the Link Type for the Portfolio element, a really valuable option. With this option you can define the links for the portfolio items you have in the overview. Use any portfolio as Classic Portfolio, as Gallery Usage or with the Custom Link you have set in each one of your single portfolio items.
– Enable the Portfolio Filter.
– Set your preferable Portfolio order (ID, Slug, Title) and sort it by Ascending or Descending.
– Align the Portfolio Filter.
– Enable a Loader for your overview.
– Set the Gutter between the portfolio images.
– Define the items to show per page.
– Disable the Pagination.
– Hide the Portfolio Title.
– Hide the Portfolio Description.
– Hide the Portfolio Likes.
– Set the Headings for the titles.
– Select the Hover Style, two different styles. One with Hover Text and the other with the Text below the image.
– Enable and set the Zoom effect you wish.
– Define the Overlay Color.
– Choose the opacity for the overlay.
– Set the order of the portfolio items.

Masonry Style

– Set the Masonry Image Mode. Select among 3 different image sizes, Auto Crop, Resize or Custom. This setting change completely your portfolio’s appearance.
– Set the Columns for the Portfolio, the options are from 2 to 5.
– Set the Tablet Landscape Columns.
– Set the Tablet Portrait Columns.
– Set the Mobile Columns.
– Set the Link Type for the Portfolio element, a really valuable option. With this option, you can define the links for the portfolio items you have in the overview. Use any portfolio as Classic Portfolio, as Gallery Usage or with the Custom Link you have set in each one of your single portfolio items.
– Enable the Portfolio Filter.
– Set your preferable Portfolio order (ID, Slug, Title) and sort it by Ascending or Descending.
– Align the Portfolio Filter.
– Enable a Loader for your overview.
– Set the Gutter between the portfolio images.
– Define the items to show per page.
– Disable the Pagination.
– Hide the Portfolio Title.
– Hide the Portfolio Description.
– Hide the Portfolio Likes.
– Set the Headings for the titles.
– Select the Hover Style, two different styles. One with Hover Text and the other with the Text below the image.
– Enable and set the Zoom effect you wish.
– Define the Overlay Color.
– Choose the opacity for the overlay.
– Set the order of the portfolio items.

Easily create a Portfolio Carousel. Set the Image Mode, the number of portfolio items per page, the navigation, the excerpt, the slideshow speed.

Related Articles