You should install and activate Porto Functionality plugin.

• Please go in Appearance > Install Plugins on admin sidebar.
• Please select and install porto functionality.
• Please should activate this plugin.

Please enable visual composer editor.

Next, select the element. If you click the following button, it will show the popup.

You can add visual composer, porto shortcodes, ultimate addons elements.

There are two methods to add animation effects to elements when scrolling page.

1. Please use visual composer elements which provides animation effect fields such as Row, Column, Custom Heading, Button, Single Image and porto elements.

• animation type: css3 animation effect name
• animation duration: duration of animation effect in milliseconds
• animation delay: delay time in milliseconds of animation effect

2. Please use porto_animation element.

If you add animation effect to element which doesn’t provide animation fields, you can use porto animation element.

1. Widgets

• Blog: display blog posts
• Products: display WooCommerce products
• Portfolio: display Porto portfolio list
• Product Categories: display WooCommerce product categories in several layouts
• Ultimate Heading: display heading and sub heading
• Info Box: display icon boxes which has title, sub title and description
• Recent Posts: display recent posts in slider
• Counter: display counter box
• Button: display Porto styled buttons with default, modern and outline types

2. Element Add-ons

Porto adds Porto Additional Settings section for Elementor Section and Inner Section elements to build Carousel, Creative Grid(Masonry Layouts) and Banner elements.

• Carousel: All columns in this section will be used as the carousel items which are able to contain any widgets.
• Banner: Column settings panel also has Porto Additional Settings section to set the column as a Banner Layer. All banner layers could contain any widgets and could set horizontal and vertical position in the banner.
• Creative Grid: There are predefined layouts and masonry ones. All columns in the section will become the grid items which can contain any widgets.

Porto 6.1.0 provides lots of shape dividers in section element. It makes your site more beautiful than ever before.

Please look at this element shape divider page.

Shape Divider Options

• Divider Type – Choose a shape divider which you like. If you don’t like any dividers, select ‘custom’ option. In here you can set divider you want.
• Custom Shape Divider – Please input custom svg or upload in elementor.
• Divider Color – Fill the color of shape divider.
• Height – Height of shape divider.
• Flip – Invert y-axis.
• Invert – Invert x-axis.
• Extra class name – Add extra class to shape divider without any dots. e.g: my-class

It ensures that this widget is the most available and valuable for site-makers going through its functions and convenience.  The  Porto Posts Grid Widget allows you to add any post into your content or just wherever you want a grid of Posts. You have full control over which post display, and how they are presented. It is available in both Elementor and WPBakery.

How to Use

You can use this widget on any page where you want to display a grid of posts. To add it into your site pages, simply edit, design your layout, and add the Widget into a Column.

To use this widget, you should have at least one Post Type in Porto > Templates Builder. You should choose one of them as an individual Post Layout. Then it will be the step that which content should be displayed by post types or terms.

You can display posts in Grid, Creative Grid, Masonry and Slider. It is also possible to filter posts by taxonomies. You can specify how many posts you want to display in total and how many columns to use, how they are ordered, and what type of pagination to use. There are also a range of design options for styling.