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”
