Page Settings can be found in the right column when editing any page. They offer a wide range of display options and work really well with Page Builder by SiteOrigin for those times when you’d like to make the header or footer flush with a row background or image.
Page Settings apply to both pages and posts.
The following settings are available:
Page Layout:
- Default: Content followed by the widget sidebar.
- No Sidebar: The widget sidebar is removed.
- Full Width, No Sidebar: Full screen width without the widget sidebar, ideal for Page Builders.
- Constrained: The widget sidebar is removed, the content area width is reduced to a max-width of 870px and centered.
- Stripped: The main menu, sidebar and footer widgets are removed, ideal for ecommerce cart and checkout pages.
The default layout contains the main content area and the sidebar. The No Sidebar layout removes the sidebar, the main content area then takes up 100% of the content area.
t
Full Width, No Sidebar is primarily intended for use with Page Builder’s such as Elementor when building full-width layouts. This layout contains no padding on the right and left. Please note, if you’re using Page Builder by SiteOrigin we recommend using the No Sidebar layout and then using the Row Layout option to stretch rows to full-width as required. Row Layout can be found by clicking the wrench icon on the far right of any Page Builder by SiteOrigin row then clicking the Layout tab followed by Row Layout. Stretch rows to Full Width or Full Width Stretched as required.
Stripped removes the main menu and replaces it with a “Go Back” link. The content is full container width (not full-screen width) and the sidebar and footer widgets are removed. This layout is primarily intended for eCommerce pages such as the cart and checkout page. The stripped layout ensures that the user’s maximum focus is on the final steps to conversion.
Header Overlap
The header overlap setting is best used if you have a full-width image or slideshow below the header. A full width stretched row can be created using Page Builder by SiteOrigin or the page builder of your choice. This setting goes best with the Header Margin and Page Title settings disabled.
- Disabled: The default, the header won’t overlap the content.
- Enabled: The header will overlap the site content, the header background will be transparent. The header will use the colors set in the Customizer Theme Settings.
- Enabled – Light Text: The header will overlap the site content and use light text, ideal for dark images.
- Enabled – Dark Text: The header will overlap the site content and use dark text, ideal for light images.
Header Bottom Margin
Display the margin below the header.
Disabling the Header Bottom Margin is ideal when your first Page Builder row contains a Hero widget, Slider widget or a row with a background image or color that you’d like flush with the header.
Page Title
Display the page title.
Disabling the page title will remove it from the page.
Footer Top Margin
Display the margin above the footer.
Disabling the Footer Top Margin is ideal when your last Page Builder row contains a Hero widget, Slider widget or a row with a background image or color that you’d like flush with the footer.
Footer Widgets
Display the footer widgets.
Disabling the footer widgets will remove them from the page. If you need to manage widget visibility across your website and set conditions for each widget (when to display, when not to display), please, see managing widget visibility.
Advanced: Apply Page Settings to Additional Post Types
Page Settings are only applied to pages and posts. If you’d like to apply Page Settings to an additional post type, add the following function to your child theme functions.php file or using the plugin Code Snippets.
function polestar_page_settings_support() {
add_post_type_support( 'product', 'puro-page-settings' );
}
add_action( 'after_setup_theme', 'polestar_page_settings_support' );
In the above function, we’re adding Page Settings to the WooCommerce products post type. Replace ‘product’ with the ID of the post type you’d like to add Page Settings to.