Author - porto_admin

How to create custom 404 page content

We can create a custom Porto block using Page Builder and elements and assign it to the 404 page. 1. Create a new 404 page block Navigate to Blocks -> Add New and create a new block. Add some contents as your needs and save it. 2. Assign the block as 404...

How to use creative grid

Porto provides 11 pre-defined creative grid layouts by default. We can add custom layouts using "porto_creative_grid_layout_images" and "porto_creative_grid_layouts" filters. All default layouts are defined in porto_creative_grid_layout function in shortcodes/lib/functions.php of porto-functionality plugin. Below code shows how to add 12th custom layout like following image using functions.php in child theme. *Note: We suppose that...

How to add single page navigation

Single page navigation consists of sections of fullscreen area and dots navigation which navigates to each section. We can build single page navigation using Porto Section Scroll element. If you want to know how single page navigation works, please check corporate 20 demo. - Section Selectors: jQuery section selectors. We can enter...

How to enable skeleton screens

Please go to Porto -> Theme Options -> General -> Show Skeleton Screens. You can find four button sets: Shop Pages, Product Page, Product Quickview and Blog Pages. We can enable skeleton screens for these four pages by selecting them.Each skeletons are drawn using css "background-image: linear-gradient". You can find its...

Custom Product Layout

How to Create Custom Product Please navigate Porto -> Templates Builder -> Single Product. You can create a new custom product layout here. Product Layout Builder is fully compatible with 3 page builders: WPBakery, Elementor and Visual Composer and provides various customization options. You might need to set roles to build...

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

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

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

Page/Post View Options

View Options is a meta box which allows you to set view options for single post page. If you want to change default theme options for special page/posts, you can use this meta box. For example, If you want to use right sidebar for a page though default page layout is...