Shortcodes (Elements)

Image Sizes

In some shortcodes there are image size field to input image sizes. Following are php code corresponds to adding image sizes in Porto theme. add_image_size( 'blog-large', 1140, 445, true ); add_image_size( 'blog-medium', 463, 348, true ); add_image_size( 'blog-masonry', 640, 9999, false ); add_image_size( 'blog-masonry-small', 400, 9999, false ); add_image_size( 'blog-grid', 640, 480, true ); add_image_size( 'blog-grid-small',...

How to add animation effects to 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...

How to add floating effects to elements

Floating is an effect to change element's position smoothly when scrolling page. If you want to know how floating effects work, please check following urls. https://www.portotheme.com/wordpress/porto/seo/ https://www.portotheme.com/wordpress/porto/shop31/ Custom Heading, Button and Single Image elements support floating effect. Floating Start Pos: Speificy the start position of element: None, Top or Bottom. Floating Speed:...

Elements List

You can check the most of the Porto elements in Elements site. If you want to know how to use them, you can import elements together when importing demo. Here are some elements which are used for special Porto demos. 1. Porto One Page Category This element displays a navigation of product categories...

Porto Elementor widgets

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...

Porto Gutenberg blocks

1. Porto Heading This block is used to display heading with several style options such font size, color, etc. 2. Porto Info Box This block displays an icon box which has titile, sub title and description. 3. Porto Button This block displays a Porto styled button in Default, Modern and Outlined types. 4. Porto Section This...