Portfolio widget (Pro)

the Portfolio widget allows you to display your posts, pages, and custom post types in an attractive, filterable grid.

Note: The briefcase The widget ONLY works with custom posts, pages, and post types. the briefcase The widget does NOT work with galleries.

Content

Design

1. Ccolumns: Set the number of columns to display in the widget
2. Number of publications: Set the exact number of posts to be displayed in the widget
3. Image size: Set the size of images
4. Proportion of items: Set the proportion of the elements
5. Show title: Choose whether to show or hide the title. The title will be displayed as you hover over the images.
6. HTML title tag: Wrap the title with a tag, either H1… H6, span, div or paragraph

Consultation

Source: Select the source from which the widget will display content. Options include posts, pages, custom post types if available, manual selection, current query, and related. Depending on the source you have chosen for your query, you will be offered options that allow you to filter the results.

Include

1. Include by: Term or Author, then use Search and Select to choose which ones to use
2. Date: Select from All, Previous Day, Previous Week, Previous Month, Previous Quarter, Previous Year, Custom (choose earlier or later dates)
3. Sort by: Sets the order in which posts will be displayed. Options include: date, title, menu order, or random
4. Order: DESC (descending) or ASC (ascending)
5. Ignore fixed posts: Yes or no
6. Query ID: Provide your query with a custom unique id to enable server-side filtering

Exclude

1. Exclude by: Current Publication, Manual Selection, Term or Author, then use Search and Select for Manual, Term or Author options
2. Avoid duplicates: Yes or No: Choose Yes to avoid displaying duplicate posts only in the interface. Elementor looks for duplicates at the page level (not the widget level) since there cannot be duplicates in a Posts widget.
3. Make up for: Use this setting to skip posts (eg "2" to skip 2 posts)
4. Date: All, Previous Day, Previous Week, Previous Month, Previous Quarter, Previous Year, Custom (Choose earlier or later dates)
5. Sort by: Date, title, menu order or random
6. Order: DESC (descending) or ASC (ascending)
7. Ignore fixed posts: Yes or no
8. Query ID: Provide your query with a custom unique ID to enable server-side filtering. View the developer docs for more information on how to use this advanced feature.

Filter bar

1. to show: Sets whether to show or hide the filter bar above the portfolio
2. Taxonomy: Choose the taxonomy from which to display posts. Options include: Categories, Tags, and any custom post type taxonomy

Style

Articles

1. Item gap: Sets the exact spacing between elements
2. Row spacing: Sets the exact spacing between rows of elements
3. Edge radius: Sets the edge radius of images to control roundness of corners

Element overlap

1. Background color: Sets the background color of the overlay when you hover over the image
2. Colour: Sets the color of the post title. The title appears within the overlay when you hover over the image
3. Typography: Customize the title font

Filter bar

1. Colour: Sets the color of the filter bar text
2. Active color: Sets the color of the active text in the filter bar
3. Typography: Customize the typography of the filter bar text
4. Space between elements: Sets the space between items in the filter bar
5. Filter spacing: Sets the space between the filter bar and images

Advanced

Set the advanced options that are applicable to this widget

Note: Featured images must be used in your posts for the images to display in the Portfolio widget.