Page Builder Global Settings

6 min read Updated

Page Builder’s site-wide settings are at SettingsPage Builder. The settings are in four tabs: General, Widgets, Layout and Content. A fifth tab, Welcome, introduces Page Builder’s main features and has no settings.

After you make changes, click Save Settings. Your theme can change some of the defaults below.

General

Page Builder settings, General tab

Post Types
The post types that use Page Builder. Pages and posts by default. Most post types from other plugins, such as WooCommerce products, show here too.

Post types from the Custom Post Type Builder addon in SiteOrigin Premium always use Page Builder, so they don’t show in this list.

Use Classic Editor for New Posts
New posts of the selected post types open in the Classic Editor. Enabled by default. See Which Editor Opens.

Live Editor Toolbar Link
Show a Live Editor link in the admin toolbar when you view a Page Builder post that you can edit. Enabled by default.

Live Editor Toolbar Link: Close After Editing
When you open the Live Editor from the toolbar link, return to the page after you save. This setting shows only when Live Editor Toolbar Link is enabled. Enabled by default on new installs.

Display Post State
Label Page Builder posts with SiteOrigin Page Builder in the admin lists of posts and pages. Enabled by default.

Display Widget Count
Add a Page Builder column with a widget count to the admin lists of the selected post types. Disabled by default.

Parallax Type
The method for row and widget parallax backgrounds. Modern uses an HTML image and performs better with smaller images. Legacy uses a CSS background image. Modern by default on new installs. Some older sites use Legacy.

Disable Parallax On Mobile
Turn off parallax when the page loads at or below the Mobile Width. Disabled by default.

Parallax Delay and Parallax Scale
These show only for Modern parallax. Parallax Delay is the delay before the effect finishes after the user stops scrolling. The default is 0.4. Parallax Scale sets how much the image is scaled. A higher scale gives a stronger effect but lower image quality. The default is 1.2.

Limit Parallax Motion
This shows only for Legacy parallax. It sets how many pixels of scrolling give one pixel of parallax motion. Leave it blank or enter 0 for automatic. Lower values give a stronger effect.

Sidebars Emulator
Page Builder creates an emulated sidebar that holds the widgets in the page’s layout. Enabled by default.

Upgrade Teaser
Show the SiteOrigin Premium upgrade teaser in the Page Builder toolbar. The teaser does not show when SiteOrigin Premium is active. Enabled by default.

Default to Page Builder Interface
New posts that open in the Classic Editor start with Page Builder open. Disabled by default.

Layout Block Default Mode
Whether saved SiteOrigin Layout blocks open in Edit or Preview mode in the Block Editor. Preview by default.

Installer
Show the SiteOrigin Installer admin menu item to administrators who can install and update plugins and themes. Enabled by default.

Widgets

Page Builder settings, Widgets tab

Widget Title HTML
The HTML around each widget title in Page Builder. {{title}} is replaced with the widget title. The default is <h3 class="widget-title">{{title}}</h3>.

Add Widget Class
Add the widget class to Page Builder widgets. Many themes style this class. If your theme’s widget styles cause problems in Page Builder, disable this setting. Enabled by default, except with the Twenty Sixteen theme.

Legacy Bundled Widgets
Load the widgets that came with Page Builder 1. Disabled by default, unless your site used those widgets. New sites should use the SiteOrigin Widgets Bundle.

Recommended Widgets
Show SiteOrigin Widgets Bundle widgets in the Add Widget dialog, even when they aren’t available on your site. If you add one of these widgets, Page Builder asks you to install the Widgets Bundle. Enabled by default.

Instant Open Widgets
Open a widget’s form as soon as you add the widget. Enabled by default.

Layout

Page Builder settings, Layout tab

Responsive Layout
Collapse rows and columns on mobile devices. Enabled by default.

Use Tablet Layout
Between the Mobile Width and the Tablet Width, rows with three or more columns show two columns side by side. This applies to rows that use the default collapse behavior, and needs Responsive Layout. Disabled by default.

Use Legacy Layout Engine
The legacy engine lays out columns with floats instead of Flexbox. Choose from:

  • Detect older browsers: use the legacy engine only for very old browsers. This is the default.
  • Never: always use Flexbox.
  • Always: always use the legacy engine.

The legacy engine ignores Use Tablet Layout and the mobile margin settings below.

Tablet Width
The screen width, in pixels, at which the tablet layout starts. The default is 1024px.

Mobile Width
The screen width, in pixels, at which the mobile layout starts. The default is 780px.

Row/Widget Bottom Margin
The default space below rows and widgets. The default is 30px.

Mobile Row Bottom Margin
The default space below rows on mobile. Blank by default, so rows keep the Row/Widget Bottom Margin. When Inline Styles is enabled, this setting doesn’t override the Row/Widget Bottom Margin.

Last Row With Margin
Add the bottom margin below the last row too. Disabled by default.

Display Empty Columns With Background
On mobile, Page Builder hides columns that have no widgets. Enable this setting to keep them visible. It keeps every empty column on mobile, with or without a background. Disabled by default.

Mobile Column Bottom Margin
The space between columns when a row collapses on mobile. The default is 30px on new installs.

Mobile Widget Bottom Margin
The default space below widgets on mobile. Blank by default, so widgets keep the Row/Widget Bottom Margin.

Row Gutter
The default space between the columns in a row. The default is 30px.

Full Width Container
The CSS selector of the element that Full Width and Full Width Stretched rows stretch to. The default is body.

Page Builder Layout CSS Output Location
Where Page Builder adds the layout CSS: Automatic, Header or Footer. Automatic by default. With Header, some SiteOrigin Layout block CSS can still load in the footer.

Inline Styles
Add margin, border and padding styles inline, in the layout’s HTML. This can reduce Cumulative Layout Shift. Disabled by default.

Content

Page Builder settings, Content tab

Copy Content
When you save a page built in the Page Builder interface, Page Builder copies the layout to the post content. Text widgets, such as SiteOrigin Editor, are copied as HTML. Other widgets are copied as shortcodes. SEO and search plugins that read the post content can then see the text in your text widgets. Enabled by default.

Copy Styles
Add the layout’s CSS to the copied post content, so the layout keeps its columns if Page Builder is deactivated. Needs Copy Content. Disabled by default.