0 %

Carousel portfolio

Carousel is very powerful shortcode with myriad of options.

In each slide you easily you can show Single image, Instagram post, Team member,.

You can also show Blog posts, Woocommerce products, Portfolio items or Testimonials if you have these items organized into categories. All you have to choose desired category and all items from that category will be in carousel.

If you want to control each slide, you have to choose “Team Members / Single Image / Text Block / Instagram” option and insert content for each slide.

Below are options and examples for Portfolio Carousels

Portfolio Carousel

On mobile devices menu will be changed to classic mobile 3 lines (hamburger) drop down menu

  • Carousel Content – Portfolio
  • Shadow color – shadow around slide
  • Thumb size – chose one of many predefined images sizes
  • Portfolio style – See screenshots below
  • Duotone effect – we have separate help page for this effect
  • Image radius / Radius size – Rounded corners size
  • Slide height – height of slide (percent of screen height)
  • Portfolio category to show – don’t forget to organize your portfolio items into categories
  • Slide height (Portfolio 2 only) – height of slide (percent of screen height)
  • Content Position – position of title and meta
  • Limit – Number of testimonials to show in carousel
  • Loop – infinite slides or not
  • Number of slides – how many slides will be visible on screen
  • Centered – centered od left aligned
  • Auto Play – should caroudles starts on page load
  • Delay in ms – delay between slide movement
  • Speed in ms – speed of slide movement
  • Emphasize Size of Active Slide – Active slide will be bigger than others
  • Emphasize Opacity of Active Slide – Non active slides will be greyed
  • Gap between slides – distance between slides
  • Fade effect (Only if 1 number of slides is selected) – fade in /out effect
  • Carousel Navigation – arrows, dots, or lines
  • Bottom navigation alignment – alignment on navigation block
  • Fraction Pagination – add fractions (1/4, 2/4…)
  • Carousel Navigation Color – color of lines, dots, or arrows

Just take a look at these examples. More examples you can see in our demos