Type - this option allows users to choose a layout for a portfolio list. There are several layouts to choose from  and according to the selected portfolio type, there will be several different sets of options available. All available portfolio types are listed below:

• Standard

• Standard No Space

• Hover Text

• Hover Text No Space

• Masonry without space

• Masonry with space

• Masonry(Pinterest) with space

• Masonry(Pinterest) with space (image only)

• Justified Gallery

• Alternating Sizes

Hover Animation Type - Here you can choose a hover animation for the items in your portfolio list. Beside the Default hover animation type, you can choose from one of the following animations:

• Subtle Vertical

• Image Subtle Rotate & Zoom

• Image & Text Zoom

• Cursor Change

• Thin Plus Only

• Slow Zoom

• Split Up

The most important thing here is to understand that these are hover animation types, which means that they will only be visible on hover, when the mouse pointer enters a portfolio item on the list. This also means that effects which are not supported by the browser on touch devices will not occur, and on such devices single portfolio page will be loaded immediately, without any effect.

The Following options will be present for all portfolio types:

Image Color Overlay - Set a color for the hover overlay. This option does not apply to the "Default" portfolio type.

Order By - Portfolio items can be organized by menu order, title, or date.

Order - Choose between an ascending or descending order.

Filter - You can show or hide the category filter, which is displayed on top of the portfolio list.

Lightbox - Enable or disable the lightbox effect.

Show View Button - Set this option to "No" if you would like to hide the "View" button from your portfolio list items.

Show Load More - Enable or disable the Load More button.

Number - Here you can define the number of portfolio items you wish to display on the page. Enter -1 to display them all.

Category - If you want to show portfolio items from one specific category, enter the category slug here. Alternatively, to display all categories, leave this field empty.

Selected Projects - If you want to list specific portfolio items, enter their project IDs here, separated by commas. The project ID for each item can be found in the item’s URL when editing that single portfolio item.

Show Title - Choose if you would like the portfolio item title to be visible or not.

Title Tag - You can choose a heading style to apply to the project titles (from h2 to h6).

Title Color - Set a color for the title.

Title Font Size (px) - Set a font size for the title.

Enable Separator Below Title - You can choose to have separators appear under portfolio item titles. Enabling this option will open the Separator Color option where you can choose your desired color.

Show Categories - Choose if you would like the portfolio item categories to be visible or not.

Category Name Color - Set a color for the category name

Beside the options above, other options may appear depending on the portfolio type being used, so although most of the options are self explanatory we are still going to list them and note for which specific portfolio types they are available:

Standard,Standard No Space, Hover Text, Hover Text No Space, Masonry(Pinterest) with space, Masonry(Pinterest) with space (image only), Alternating Sizes portfolio types:

Columns - The portfolio list can be set to 1, 2, 3, 4, 5 or 6 columns

Standard and Standard No Space portfolio types:

Box Background Color - Here you can choose a background color for the text box

Box Border - Here you can choose a border color for the text box

Portfolio Loading Type - Choose how you would like you portfolio list to appear on screen on load (Fade - one by one, Fade - diagonal, Slide from top - diagonal)

Image Proportions - You can choose featured image proportions here.

Text align - Choose between left, centered, or right text alignment.

Hover Text portfolio type:

Frame - Choose if you would like to display a monitor frame around each portfolio image.

Hover Text No Space and Justified Gallery portfolio types offer the same options as the standard portfolio type minus the “box background”, “border” and “text align” options.

Masonry without space and Masonry with space portfolio type:

Grid Size - You can use either a 4 or 5 column grid layout. With the 4 column grid, 4 small images can fit in one row, or if large images are being used, 2 large images will fit (a large image takes the width of 2 small ones). Likewise, with the 5 column grid, 5 small images can fit in a single row.

Masonry(Pinterest) with space, and Masonry(Pinterest) with space (image only) portfolio types:

Spacing between items (px) - Define a spacing to display between the portfolio items in your portfolio list. Provide only the value (without px at the end).

Justified Gallery portfolio type:

Row Height (px) - Set a desired row height, but note that it may vary depending on the proportions of the images used, so if you want to have a specified row height, make sure that the featured images for each portfolio item are the same sizes.

Last Row Behavior - Defines whether to justify the last row, align it, or hide it.

Justify Threshold (0-1) - Despite of the available space, if left, right, or center alignment has been chosen for the Last Row Behavior, the threshold value will determine the amount of justification for the items inside the last row. 

In the following section we will go through all the available options,  but we will explain in detail only those options that are not already addressed in the Portfolio Single Project part of this documentation.

• Portfolio Type (Choose a default type for Single Project pages)
  • Portfolio Small Images
  • Portfolio Small Slider
  • Portfolio Big Image
  • Portfolio Big Slider
  • Portfolio Custom - In Grid
  • Portfolio Custom  - Full Width
  • Portfolio Gallery
  • Portfolio Big Slider -  modern

• Likes  (Enabling this option will turn on "Likes")
  • On/Off

If you enable Likes you’ll see the number of likes displayed on each single portfolio page

• Lightbox for Images (Enabling this option will turn on lightbox functionality for projects with images.)
  • Yes/No

•  Lightbox for Videos
  • Yes/No

• Number of Columns:
  • two, three or four columns

• Sidebar Layout:
  • No sidebar
  • Sidebar 1/3 right
  • Sidebar ¼ right
  • Sidebar 1/3 left
  • Sidebar ¼ left

• Sidebar to display (Choose a sidebar to display on Single Project pages) – Choose one of your already created custom widget areas to display as a sidebar on portfolio single pages

You could make your own custom widget area in Appearance > Widgets  > Custom Widget area > Add widget area

• Portfolio Single Slug - Enter if you wish to use a different Single Project slug (Note: After entering slug, navigate to Settings -> Permalinks and click "Save" in order for changes to take effect). The default slug for single portfolio items is “portfolio_page” and the whole link to a portfolio single item looks something like this:

http://bridge10.qodeinteractive.com/portfolio_page/vintage-vinyl-house/

Now, if you input, for example, “projects” in the Portfolio Single Slug” field, you’ll get this link instead:

http://bridge10.qodeinteractive.com/projects/vintage-vinyl-house/

Please, note that the string you input in this field needs to be unique. So you cannot add a slug if the same slug is already being used as a page slug. So, just make sure that the slug you’ve chosen is not a part of any of your pages’ permalinks.

• Disable Project Title Label (Enabling this option will hide the 'About This Project' label on portfolio single pages)
  • Yes/No

If you choose Yes, you’ll hide the title area on single portfolio items.

• Sticky Side Text (Enabling this option will make side text sticky on Single Project pages)
  • Yes/No

Here are examples of single portfolio items in which you can see this floating effect on the content in the portfolio project’s sidebar:

http://demo.qodeinteractive.com/bridge/portfolio_page/video-performance-festival-2014/

http://demo.qodeinteractive.com/bridge/portfolio_page/art-design-blvd/

So, enabling this option makes sure that the info on the side is always visible in your viewport

• Enable Comments (Enabling this option will display comments on portfolio single page)
  • Yes/No

• Enable Related Portfolios (Enabling this option will display related portfolios on portfolio single page).
  • Yes/No

Enable this option if you would like to display related portfolio items at the bottom of your single portfolio pages:

Portfolios are related by portfolio category.

• Image proportion (Select image proportion for related portfolio items.);
  • Original
  • Portrait
  • Landscape
  • Square

If you enable related portfolio items, you can use this option to set desired image sizes for the featured images of related portfolio items.

• Show Title on Navigation (Enabling this option will display title and categories on portfolio single navigation):
  • Yes/No

Here is what it looks like when this option is enabled

So, there are titles of single projects displayed, as well as links to the portfolio categories of those single projects.

• Enable pagination through same category (Enabling this option will make portfolio pagination sort through current category.)
  • Yes/No

If you enable this option, the pagination in single portfolio items will navigate only through items within the same category as the portfolio item that is currently being viewed.

PORTFOLIO LIST:

Here are the global options for Portfolio List shortcodes.

• Overlay Style:
  • Overlay Color
  • Overlay Opacity (values 0-1)

Here you can see an example of a portfolio with a blue semi-transparent overlay:

http://demo.qodeinteractive.com/bridge87/

• Title Style (Standard and Masonry With Space)

Here you can set styles for portfolio item titles when they are displayed in “Standard” and “Masonry with Space” portfolio lists.

• Category Style (Standard and Masonry With Space)

Here you can set styles for portfolio item category text when it is displayed in “Standard” and “Masonry with Space” portfolio lists.

• Title Style (Hover Text, Masonry Without Space, Masonry With Space (only image) and Justified Gallery)

Here you can set styles for portfolio item titles when they are displayed in “Hover Text”, “Masonry Without Space”, “Masonry With Space (only image)” and “Justified Gallery” portfolio lists.

• Category  Style (Hover Text, Masonry Without Space, Masonry With Space (only image) and Justified Gallery)

Here you can set styles for portfolio item category text when it is displayed in “Hover Text”, “Masonry Without Space”, “Masonry With Space (only image)” and “Justified Gallery” portfolio lists.

• Category Filter Style

Here you can set styles for the portfolio list category filter.

• Icon Font family

Here you can choose a font family to use for the plus (+) icon that appears on hover on portfolio items when using the “Thin Plus Only” hover type.