11Dec
10Dec
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 WPBakery. This is especially useful when... 10Dec
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 can use Porto’s built-in divider... 10Dec
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 Post Settings Panel. In the top-left... 10Dec
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 stock A product is scheduled for... 10Dec
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 build fully custom Page Headers... 10Dec
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 gives you control over the... 09Dec
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 11 built-in Creative Grid layouts. Creative... 09Dec
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 grey or neutral-toned blocks that... 09Dec
