Portfolio Post Options

Last Update: April 18, 2024

The Portfolio Tab of the Avada Global Options allows you to override the global Portfolio Single Post Options on your individual post, and there are extra fields to add further information to your Portfolio items, such as the Video Embed field, and the Project and Copyright URL and Text fields.

Portfolio Post Options

* Not available when using an Avada Layout for Portfolio Posts.

  • Choose to set this post to 100% browser width.
  • Choose if the featured image is full or half width.
  • Disable the 1st featured image on single post pages.
  • In pixels or percentage, ex: 100% or 100px. Or Use “auto” for automatic resizing if you added either width or height.
  • Insert Youtube or Vimeo embed code.

  • Insert the video URL that will show in the lightbox.

  • Choose to show or hide the project description title.
  • Choose to show or hide the project details text.
  • The URL the project text links to.

  • The custom project text that will link.

  • The URL the copyright text links to.

  • The custom copyright text that will link.

  • Choose which icons display on this post. Leave empty for default value

  • Link URL that will be used on archives either for the rollover link icon or on the image if rollover icons are disabled. Leave blank for post URL.

  • Choose to open the single post page, project URL and copyright URL links in a new window.

  • Choose to show or hide the social share box.
  • Choose to show or hide related projects on this post.
Avada Page Options - Portfolio Tab

Selecting The Column Width Layout

Each Portfolio post you create allows you to set the width of the Featured Image’s column. This option is called the ‘Width (Content Columns for Featured Image)’ option and you can set it to be Full Width or Half Width. You can also set the entire Portfolio post to display 100% of the browser width.

  • Default – This is the global value that is set in Avada > Options > Portfolio > Portfolio Single Post > Featured Image Column Size.

  • Half Width – This option lets you set the Featured Image column on the left side of the screen, and the Project Description and Details column on the right side.
  • Full Width – This option lets you set the Featured Image to display full width on top of the page, and the Project Description and Details below it in two columns.
  • 100% Width Page – This option lets you display the entire Portfolio Single Post page in 100% of the browser width.
Page Options Portfolio Width Options

Featured Image Dimensions

The Featured Image you upload to each post will show the full image ratio on the single post page by default. The width of the featured image will be set to the site width or the column width if you’re using a Half Width layout and the height is set to auto so it displays the original height. In addition to this, you can set a custom featured image width and height to control the size of the image. This is useful in specific situations when you need a custom featured image size.

The ‘Featured Image Dimensions’ option (Image width and height) is located in the Avada Page Options > Portfolio section of the posts page. Values are set in pixels or percentage, ex: 100% or 100px. Or Use “auto” for automatic resizing if you added either width or height.

Portfolio Featured Image Dimensions Options

Featured Videos

You can also upload a Youtube or a Vimeo video to be displayed in the Featured Image section of the portfolio post. You can even have a combination of videos and images, displayed as a slideshow on the portfolio single post page. Read below to learn how to upload a Youtube or a Vimeo video.

How To Upload A Youtube/Vimeo Video

Step 1 – Go to the ‘Portfolio’ tab on your WordPress admin sidebar and clicking ‘Add New’ to add a new post.

Step 2 – Give your portfolio post a title and add your content as normal.

Step 3 – In the Avada Page Options box, switch to the ‘Portfolio’ tab, then find the ‘Video Embed Code’ option.

Step 4 – Enter the Youtube or Vimeo embed code into the provided field. You can find the embed code by clicking the ‘Embed’ option on Youtube, and the ‘Share’ option on Vimeo.

Step 5 – Click ‘Save Draft’ or ‘Publish’.

Page Options Portfolio Video Embed Code Option

Project Description Title and Project Description

The Project Description section is any content you insert in the WordPress Content Editor. This is usually the text description of the project, but it can also contain any of our elements. This is where you can put any descriptive content detailing your project. The Project Title Description option on the Portfolio tab allows you to add the Project Title automatically at the top of the content added in the Editor.

Portfolio Project Description Text

Project Details

The Show Project Details option shows the meta information relating to the project. For Full-Width layouts, the Project Details are placed in a sidebar next to the Project Description. For Half-Width layouts, they’re displayed below the Project Description.

The information shown in the Project Details consists of the Project categories, Skills and Tags added to each Portfolio Post, as well as the Project URL & URL Text, and the Copyright URL & URL Text.

  • Project URL & URL Text – This option lets you insert a Custom URL and text for the project. This is perfect for when you have an external link to show the viewer, or an internal link to another page or post of your site.
  • Copyright URL & URL Text – This option lets you insert a Custom URL and text for the Project Copyright. This can be useful for a project that might have been a collaboration with another person or company.
Page Option Portfolio Project Copyright URL Options

The key to understanding the Portfolio Single Post page is to understand how the various areas of the page contribute to the end result, and how you can use the Portfolio tab of the Avada Page Options to override the Single Post Global Options set in the Avada Global Options.

Once you have your Portfolio items created, you can think about how to display the Portfolio as a whole, which is done with the Portfolio Element. But before we do that, let’s have a deeper look at how the Global and Local Options affect the various parts of the Portfolio system.