Mouse Parallax
Porto includes a Mouse Parallax animation feature that adds depth and movement to your website by allowing elements to shift based on the user’s mouse position. This effect works in both WPBakery Page Builder and Elementor, making it easy to craft...
Continue Reading How to Control Edit Area Width
In Porto, you can adjust the Edit Area Width inside your page builder so that the editor matches your front-end layout more accurately. This does not affect the live site—it only changes the width of the working canvas in Elementor or...
Continue Reading Shape Divider
Porto provides powerful Shape Divider options that allow you to add decorative top and bottom shapes to any Section (WPBakery) or Section/Container (Elementor). Shape Dividers help create smooth transitions between sections and give your site a more dynamic visual style. You...
Continue Reading Where to Add or Edit Custom CSS When Using Elementor Editor
When editing a page with Elementor, Porto provides a dedicated Porto Settings panel where you can configure layout options and add page-specific Custom CSS. Open the Page in Elementor Edit any page, post, or Porto Builder block using Edit with Elementor. Open the...
Continue Reading How to use Pre-Order
WooCommerce normally prevents customers from purchasing products that are out of stock. The Pre-Order feature in Porto removes this limitation by allowing customers to buy items before they become available for shipping. This is useful when: A product is temporarily out of...
Continue Reading Porto Page Header Setup
The Page Header in the Porto theme controls the display of the page title, breadcrumb navigation, background styling, and optional decorative elements at the top of each page. Porto gives you flexible global controls, page-level overrides, and the ability to...
Continue Reading How to create custom 404 page content
Porto allows you to fully customize the message and content displayed on your site’s 404 – Page Not Found screen. You can design your own layout using the Porto Block Builder and assign it directly in the Theme Options. This...
Continue Reading How to use creative grid
The Creative Grid is a set of predefined, non-uniform grid layouts that create visually dynamic item listings. Instead of using a standard equal-column grid, Creative Grid layouts vary item sizes and proportions to produce a more engaging and modern layout. Porto includes...
Continue Reading How to enable skeleton mode
Skeleton Mode displays lightweight placeholder shapes while page content is loading. These placeholders—known as skeleton screens—give users an immediate visual structure of the page, reducing perceived loading time and improving user experience. Instead of a blank white screen, visitors see...
Continue Reading How to add floating effects to elements
Porto Floating Effects allow you to add interactive, mouse-based motion effects to elements in your layout. When users move their mouse cursor across the page, selected elements shift subtly to create a dynamic parallax-style movement. This feature enhances visual depth,...
Continue Reading