Important!

Please note that our Legacy Themes have been replaced by new Thrive Theme Builder Themes. While our Legacy Themes are still functional, we are no longer actively developing them. Check out this course to find out how to switch your site to Thrive Theme Builder.

You can also read this article about how to use the "Background Section" element since the functionalities of this element are similar to the ones of the "Page Section".

With Thrive, you can add a Page Section to your content by using a shortcode.

First, go to the Editor in your Dashboard. Click on the ThriveShortcodes drop-down menu and select "Page Section": ​

As you click on "Page Section", a new window will pop up where you can set the following shortcode options:

1. Choose a Colour or Select Custom

You can choose from the three pre-added colours (blue, red, green) or ​set your own colours by selecting "Custom". The options 2-3. will only appear if you select "Custom".

If you select one of the pre-added colours (marked with arrows in the picture below), you will only see the options 4-6. and the 'Insert' button:

2. Background Type

Your page section can have different backgrounds: solid, image or pattern.

Solid

If you choose to have a solid background, click on "Select Colour" and choose a colour you like:

Image

You can set different images for the "Page Section", depending on ​whether someone is reading your page or post from a tablet, phone or full width.

Upload the images by clicking on the green "Upload" button. Click on "Remove" if you want to delete the chosen picture:

​You can also set whether you want the image to be static and if you want to show the full height of the images.

3. Text Style

You can add a text to your "Page Section". Set if you want the colour of this text to appear in dark or light.

4. Shadow

​The "Page Section" can have a shadow around it. You can set the colour of this shadow by clicking on "Select Colour".

5. Add Padding​

​Here you can add padding above and below the "Page Section".

6. Position​

Here you can set whether you want the "Page Section" to appear on the top of the page, on the bottom of the page or default

7. Insert ​

Once you are done with all the settings, click on Insert. This is what will appear in the back-end editor: ​

If you want to add a text to the "Page Section", type it between the two square brackets ( ] [ )where the arrow indicates it in the picture.

Here is how it should look like (I added 'EXAMPLE TEXT'):

The "Page Section" is going to look like this in the front-end:

Important!

Please note that in order to use the Shortcodes as they are described in this article, you have to install the "Classic Editor" plugin. Check out this article to find out more about how to install and use the plugin.

Did this answer your question?