Scroll Portfolio

Table of Contents

With this widget, you can create a beautiful cascading scrolling portfolio.

Required Setup

  • Elementor FREE Plugin installed & activated.
  • You need to have the WDesignKit plugin installed and activated.
  • Make sure you’ve created an account and logged into it.
  • This is a pro widget, so make sure you have either WDesignKit pro license or have activated The Plus Addons for Elementor pro key in your WDesignKit account.
  • Make sure you’ve downloaded the Scroll Portfolio widget.

How to Activate the Scroll Portfolio Widget?

Go to 

  • WDesignKit Widgets. 
  • Search the widget name and select Elementor as the Page Builder.
  • Click on the Download icon.

How to Use the Scroll Portfolio Widget in Elementor?

Add the Scroll Portfolio widget to the page.

Content

From the Portfolio section, you have to add the portfolio items. By default, you’ll find one repeater item, open it.

In the Title field, you have to add the title of the portfolio item.

Then in the Description field, you can add a description.

In the Tags field, you can add tags for the portfolio item. You can add multiple tags separated by a comma and space.

You can add a button text to the accordion item from the Button Text field.

Then from the Button Icon section, you can add an icon to the button.

From the Url field, you can add a link to the button.

By enabling the Full Item Link toggle, you can link the entire item. 

In the Background Image section, you can add the portfolio item image.

You can click on the +Add Item button to add more portfolio items.

From the Horizontal Alignment section, you can manage the horizontal alignment of the portfolio content for different responsive devices.

Then, from the Vertical Alignment section, you adjust the vertical alignment of the content.

Extra Option

By enabling the Exclude Last Slide toggle you can exclude scaling from the last slide.

Then you can adjust the scaling of other slides for desktop, tablet and mobile separately from the Desktop Scale, Tablet Scale and Mobile Scale sections respectively.

From the Style tab, you can customize the style further.