Shortcodes (Elements)

Image Sizes

In some shortcodes there are image size field to input image sizes.

Following are php code which add 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’, 400,…

How to add animation effects to elements

There are two methods to add animation effects to elements when scrolling page.
1. First method is to 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…

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.

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.

Following 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…

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