Portfolio Element

The Portfolio Element gives you the freedom to showcase your finest content in an outstanding design layout. 


Content Tab

Layout 

  1. Columns - Choose how many portfolio items you want displaying 
  2. Post per Page - Select the number of portfolio items you want showing per page 
  3. Carousel - Choose to display your portfolio items in a carousel slideshow 
  4. Layout - Set the layout for your portfolio items to either be Grid, Masonry, or Metro 
  5. Image Size - Set the image size of the portfolio items 
  6. Image Ratio - Set the exact image ratio of the portfolio items 
  7. Title - Choose to either show or hide the title 
  8. HMTL Tag - Set the HTML tag for the portfolio items title from H1 to H6 
  9. Category - Choose to either show or hide the category 
  10. Category Count - Decide how many categories you want to be shown 

Query

  1. Source - Select the source you want your portfolio to generate the content from. You can choose to either show content from Posts, Pages, Portfolio, Portfolio Gallery, Maula Selection, or Related Posts.

Include

  1. Include By - You can Include or Exclude portfolio items either by Term or Author. If you choose Author, you can choose which author you want to be displayed, or if you choose a Term, you can decide on category or other taxonomy.
  2. Date - Select portfolio items from All, Past Day, Past Week, Past Month, Past Year, or Custom. If you choose Custom you can set a date for Before and After. 
  3. Order By - You can order your portfolio items either by Date, Title, Menu Order, or Random. 
  4. Order - You can also have your portfolio items to be ordered either Ascending or Descending. 
  5. Ignore Sticky Posts - Choose to either ignore or not the sticky posts. Note that they only work if zero terms have been selected. 

Exclude

  1. Exclude By - You can exclude portfolio items either by Current Post, Manual Selection, Term, or Author. 
  2. Offset - Use this setting to skip on portfolio items 
  3. Date - Select portfolio items from All, Past Day, Past Week, Past Month, Past Year, or Custom. If you choose Custom you can set a date for Before and After. 
  4. Order By - You can order your portfolio items either by Date, Title, Menu Order, or Random. 
  5. Order - You can also have your portfolio items to be ordered either Ascending or Descending. 
  6. Ignore Sticky Posts - Choose to either ignore or not the sticky posts. Note that they only work if zero terms have been selected. 

Pagination 

  1. Pagination - Choose from the options available to add pagination to your posts. You can choose either from Numbers, Show More, Previous/Next, and Numbers + Previous/Next 

Filters

  1. Filters - Choose to either show or hide the filters. 
  2. Taxonomy - Choose the taxonomy for your filters either Categories, Tags, Portfolio Categories, or Portfolio Tags
  3. Filter All - Choose to either show or hide the filter all taxonomy 
  4. String - If you choose to show the All categories, you can customize the text. 

Style Tab 

Layout 

  1. Columns Gap - Set the gap between the columns 
  2. Row Gap - Set the gap between the rows 
  3. Initial Animation - Set an entrance animation for your portfolio items 
  4. Hover Animation - Choose a hover animation for your portfolio items from the dropdown menu list to either be Translate, Scale, Tooltip, Fixed. 
  5. Alignment - Set the alignment os your portfolio items to either be Left, Center, or Right

Item

  1. Border Radius - Set the border radius for the images to have them rounded 
  2. Box Shadow - Set and configure the options to add shadow to your portfolio items 

Item Overlay

  1. Active - Switch the handle on to activate the item overlay 
  2. Background Type - Choose a background type to either be Color, Gradient, or None 
  3. Spacing - Set the spacing of the item overlay 
  4. Content Padding - You can add additional padding around the content of the portfolio item overlay 

Title

  1. Color - Set the color of the portfolio items' title 
  2. Spacing - Set the spacing between the title and the content 
  3. Typography - Tweak the typography options for the title 

Category

  1. Color - Set the color of the portfolio items' category
  2. Typography - Tweak the typography options for the category text 

Filters

  1. Space Between - Add the exact space between the filters 
  2. Spacing - Set the spacing between the filters and the portfolio items  
  3. Alignment - Set the alignment of the filters to either be Left, Center, or Right 
  4. Typography -Tweak the typography options for the filters' text 
  5. Color - Set the color of the filters 



Set the settings for the Advanced Tab that is appropriate for the element. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.