The Portfolio Widget allows you to display your posts, pages, and custom post types in an attractive, filterable grid.
Note: The Portfolio widget ONLY works with posts, pages, and custom post types. The Portfolio widget does NOT work with Galleries.
Content
Layout
Columns: Set the number of columns displayed in the widgetPosts count: Set the exact amount of posts to be displayed in the widgetImage size: Set the size of the imagesItem ratio: Set the ratio of the itemsShow title: Choose whether to show or hide the title. The title will display while hovering over the imagesTitle HTML tag: Wrap the title with a tag, either H1…H6, span, div or paragraph
Query
Source: Select the source from which the widget will display the content. Options include posts, pages, custom post types if available, manual selection, current query, and related. Depending upon which source you』ve chosen for the query, you』ll be given options which allow you to filter the results.
Include
Include By: Term or Author, then use Search and Select to choose which ones to useDate: Select from All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates) Order By: Set the order in which the posts will be displayed. Options include: Date, Title, Menu Order, or RandomOrder: DESC (descending) or ASC (ascending)Ignore Sticky Posts: Yes or NoQuery ID: Give your Query a custom unique ID to allow server side filtering
Exclude
Exclude By: Current Post, Manual Selection, Term, or Author, then use Search and Select for Manual,Term, or Author choicesAvoid Duplicates: Yes or No – Choose Yes to avoid displaying duplicate posts on the frontend only. Elementor looks for duplicates at the page level (not at the widget level) given that there cannot be duplicates in a Posts widget.Offset: Use this setting to skip over posts (e.g. 「2」 to skip over 2 posts)Date: All, Past Day, Past Week, Past Month, Past Quarter, Past Year, Custom (Choose Before or After dates)Order By: Date, Title, Menu Order, or RandomOrder: DESC (descending) or ASC (ascending)Ignore Sticky Posts: Yes or NoQuery ID: Give your Query a custom unique ID to allow server side filtering. See the developer docs for more information on how to use this advanced feature.
Filter Bar
Show: Set whether to show or hide the filter bar above the portfolioTaxonomy: Choose the taxonomy from which to display the posts. Options include: Categories, Tags, and any custom post type taxonomies
Style
Items
Item Gap: Set the exact gap between the itemsRows Gap: Set the exact gap between rows of itemsBorder Radius: Set the border radius for the images to control corner roundness
Item overlay
Background Color: Set the background color of the overlay when you hover over the imageColor: Set the post』s Title color. The title appears within the overlay when you hover over the imageTypography: Customize the typography of the Title
Filter bar
Color: Set the color of the Filter Bar textActive Color: Set the color for the Filter Bar』s active textTypography: Customize the typography of the Filter Bar textSpace Between Items: Set the space between the items in the Filter BarFilter Spacing: Set the spacing between the Filter Bar and the images
Advanced
Set the Advanced options that are applicable to this widget
Note: Featured images must be used in your posts for any images to show up in the Portfolio widget.