Shortcodes (Elements)

Before Use Porto Shortcodes

porto_admin2021-06-19T13:54:50+00:00 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.

How to add porto shortcodes using visual composer

porto_admin2021-06-19T13:54:29+00:00 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.

How to add porto shortcodes in tinymce editor

porto_admin2018-10-15T02:57:56+00:00You should click porto shortcodes button. You should select porto shortcode. You should configure shortcode params and click Insert Shortcode. Will be add shortcode in the content.

Image Sizes

porto_admin2021-06-19T12:49:18+00:00 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

porto_admin2021-06-19T12:45:50+00:00 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

porto_admin2019-08-13T14:47:42+00:00Floating 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. /wordpress/porto/seo/ /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

porto_admin2021-06-19T12:44:12+00:00 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

porto_admin2021-06-19T12:11:58+00:00 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

porto_admin2020-04-06T03:10:58+00:00 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...