Sections Overview

This feature is deprecated and no longer supported as of GeneratePress Premium 2.0. Instead, we suggest checking out our GenerateBlocks plugin.

Sections is our own very simple page builder.

If you’re already using a more advanced page builder, you won’t need to activate Sections.

Please note that Sections cannot be used with Gutenberg editor.

Turning on Sections

By default, Sections can only be used on Pages and Posts.

Enabling Sections on the page will remove the default editor, and will also remove the sidebars from your page.

To turn them on, open your page/create a new page, and click the Use Sections toggle which should be at the top right.

Use Sections
Use Sections

Adding a Section

Once you’ve turned Sections on, the default editor will disappear, you’ll see the Add Section button.

Add Section
Add Section

Clicking the Add Section button will add a new Section to the page.

Adding Content

You can click the Section title or the pencil icon to open the content area of your Section.

The Section content editor is an exact copy of the default WordPress editor, with all of the same options.

Section Content
Section Content

Opening the Section Settings

If your Section is already open, you can just click on the Settings tab on the left of your content.

If not, you can open the settings directly by clicking on the cog icon in your Section bar.

Section Settings

Section Settings

Sections have the following settings.

Layout

  • Box type – whether your outer section container is full width or contained.
  • Inner box type – whether your inner section container is full width or contained.
  • Custom ID – Add a custom ID to your section – useful when linking to specific sections.
  • Custom Classes – Add custom CSS classes to the section container.
  • Top padding – Set the amount of padding (inner spacing) at the top of your section. Choose pixels or percentage.
  • Bottom padding – Set the amount of padding at the bottom of your section. Choose pixels or percentage.

Colors

  • Background color
  • Text color
  • Link color
  • Link color on hover

Background Image

  • Background image – Upload a background image for you section
  • Parallax effect – Add a parallax (slight movement) to your background image on scroll

Video Overview

Deprecated

As of GeneratePress Premium 2.0, this feature is officially deprecated and no longer supported.

If you absolutely must activate it, you can use the following filter. However, please be aware that this feature may break with future WordPress versions, so it’s highly recommended you go with an alternative like GenerateBlocks.

add_filter( 'generate_premium_deprecated_modules', function( $modules ) {
    return array_diff( $modules, [ 'Sections' ] );
} );