How To Use Portfolio List Widget By Element Pack Pro

  • BdThemes
  • How To Use Portfolio List Widget By Element Pack Pro

Table Of Contents

How To Use Portfolio List Widget By Element Pack Pro

In this documentation, we will show you how to customize the Portfolio List widget presented by Element Pack Pro.

Inserting The Portfolio List Widget

Inserting The Portfolio List Widget

On the Elementor editor page, search by the Portfolio List widget name, then drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Layout section

Go to Content > Layout

Layout 20 - BdThemes

Come to the Layout section, find the Columns and Image Size options.

Also, find the Pagination and Horizontal Layout switchers.

Query section

Go to Content > Query

Step-1

Query1 4 - BdThemes

Find the Source (Posts, Pages, Landing Pages, FAQ, Portfolio, etc.) options.

Step-2

Query2 4 - BdThemes

Here find the Item Limit and Also, find the Include Include By and Terms filters. Include filter helps show only selected posts/Portfolios.

Step-3

Query3 4 - BdThemes

Exclude filter does exactly the opposite of the Include filter and helps hide selected posts/Portfolios.

Step-4

Query4 4 - BdThemes

Then find the OffsetDateOrderBy, Order, Ignore Sticky Posts, and Only Featured Image Post options.

The Query ID field is for applying custom queries on WordPress.

Additional section

Go to Content > Additional

Aditional - BdThemes

Here, find the Title, Show Text, Show Category, and Show in new Tab switchers.

Also, find the Title HTML Tag, and Text Limit options.

Work with The Style Tab

Items section

Go to Style > Items

Items - BdThemes

Come to the Items section, you will find two sub-section; Items and Content.

In the Items sub-section, find the Column Gap, Row Gap, Border Type, and Border Radius options.

Also in the Content sub-section, find the Alignment, Background Color, and Padding options.

Thumbnail section

Go to Style > Thumbnail

Thumbnail - BdThemes

Come to the Thumbnail section, find the Image Size, Background Color, Box Shadow, Border Type, Width, Color, Border Radius, and Padding options, and also find the Advanced Radius switcher.

Title section

Go to Style > Title

Title - BdThemes

Find the Title Color, Spacing, and Typography options.

Text section

Go to Style > Text

text - BdThemes

Come to the Text section, Find the Text Color and Typography options.

Pagination section

Go to Style > Pagination

Step-1

Pagination1 - BdThemes

Come to the Pagination section, you will find three sub-section; Normal, Hover, and Active.

In Normal mode, find the Pagination Color, Background Type, Color, and Image options.

Step-2

Pagination2 - BdThemes

In Normal Mode, also Find the Border Type, Offset, Spacing, Padding, Radius, Arrow Size, and Typography options.

Step-3

Pagination3 - BdThemes

In Hover Mode, Find the Pagination Color, Border Color, Background Type, Background Color, and Image options.

Step-4

Pagination4 - BdThemes

In Active mode, you will also find similar customization options in this section like Hover mode. So please try it yourself.

All done! You have successfully customized the Portfolio List widget on your website.

Video Assist

You can also watch the tutorial video about the Portfolio List widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge