Portfolio Carousel

Your latest hero portfolio. Use this to showcase a few of your portfolio posts in your home pages.

Block Settings

General Settings

  • Enable Container: Enable or disable container. Default: Enable
  • Display Caption: Enable or disable container. Default: Enable

Post Settings

  • Post Selector: Enter the projects name you want to show in the block.
  • Posts Limit: Drag the slider to set number of portfolio post to be displayed.
  • Order by: Choose the order of your post, either by Newest to Oldest, Oldest to Newest, A -> Z or Z -> A.
  • Choose Portfolio Type: Block displays projects based on the type you choose.

Carousel Settings

  • Columns: Set the column width for every breakpoint.
  • Autoplay: Enable or disable autoplay. Default: Enable
  • Autoplay Speed: Drag the slider to set autoplay speed. Default: 5000
  • Autoplay Pause on Hover: Pause on mouse hover. Default: Enable
  • Rewind Nav: Go backwards when the boundary has reached. Default: Enable
  • Dots: Show dots navigation. Default: Enable
  • Navigation: Show next/prev buttons. Default: Enable
  • Nav Previous Text: HTML allowed. Default: <i class=’icon-left-open-mini’></i>
  • Nav Next Text: HTML allowed. Default: <i class=’icon-right-open-mini’></i>
  • Choose Nav Icon Position: Choose the position where to display the icon either outside of the carousel, inside of the carousel or bottom of the . carousel. Default: Outer
  • Choose Owl Item Margin: Choose the margin value for owl item. Default: Default
  • Choose Nav Icon Size: There are three nav icon sizes are available. You can choose any one of them as per your requirement. Default: Default
  • Enable Inner Pagination: Enable or disable pagination to be displayed inside the carousel. Default: Disable

Additional Row Class Settings

Additional Row Class – Enter the additional Class for the row. Default: inner-bottom

Advanced

Additional Css Class – Enter the additional class name. Default: none

Block Output

Style 1

Style 2

Note: If you choose more than one portfolio post to displayed, add portfolio-multi-items as additional class in Additional Row Class Settings to make portfolio post title font size smaller.