Place a portfolio list to any page/post/portfolio post. There are 7 portfolio styles with configurations like column type, No. of Items To Display, Enable/Disable Lightbox Popup, Display Items Order by and sort by options, animation style and much more.

Please follow below steps to use “Portfolio” shortcode.

  • Step 1: Login to WordPress Admin section.
  • Step 2: Add/Edit any page/post/portfolio post.
  • Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
  • Step 4: Click on Brando tab, it will show all shortcodes of Brando theme. Now click on “Portfolio” shortcode.
  • Step 5: Follow below inputs/settings and see “Portfolio” preview in frontend.

General (tab)

Portfolio Type – Select type from 7 pre-defined portfolio style. Each style has preview image, it will help you to select best portfolio style you like.

Column Type – Set portfolio list column type (2 Columns, 3 Columns, 4 Columns or 5 Columns)

Portfolio Type – Select type from 7 pre-defined portfolio types (Gutter, Gutter Medium, Gutter Wide).

Select Categories – Select portfolio post categories, you can select multiple categories here.

No. of Post to Display – Assign number for post per page.

Enable Lightbox Popup – Select Yes to enable lightbox popup.

Settings (tab)

Show Title – Select YES to show title above portfolio

Show Subtitle – Select YES to show Subtitle

Order (tab)

Display Items Order by – Select Order by Date, ID, Author, Title, Modified, Random, Comment count or Menu order.

Display Items Sort by – Select Sort by Ascending or Descending.

Style (tab)

Required Padding Setting? – Apply padding with pre-defined padding classes or specify your custom padding for desktop/tablet/mobile devices.

Required Margin Setting? – Apply margin with pre-defined margin classes or specify your custom margin for desktop/tablet /mobile devices.

Color Settings (tab)

Title Color – Set title color to custom color.

Subtitle Color – Set subtitle color to custom color.

Border Color – Set border color to custom color.

Animation (tab)

Animation Style – Select animation style from pre-defined animation style.

Extras (tab)

Extra ID – Define element id (The id attribute specifies a unique id for an HTML element)

Extra Class – Add additional CSS class to this element if you wish, you can define multiple CSS class with use of space like “Class1 Class2”