Page Builder Template

Page Builder #

Page Builder page template intended to create a CV page.
Here are some of our demo page samples – DesignerDeveloperMake Up ArtistRiderDJReal Estate Manager .

To create a CV page go to Dashboard > Pages > Add New and choose Page Builder template type.

When creating a page, it is important to pay attention to the permalink structure.

Page Builder template not supported Featured Image and Discussion (comments).

Page Builder template doesn’t visually render the page title and page content.

As you may have guessed from our demo pages Page Builder page template provides two different page views – Plain and Papered.

Page Builder Plain View #

In the Plain View sections are located after each other, whole page is scrollable and there are up button at the page bottom (see demo). 

If you want to navigate to the appropriate section when clicking on the menu item you should use SectionID as a link anchor. Read more about SectionID  requirements and how to connect SectionID with the menu item here.

Note1: Intro section designed to have full screen view, so for the page Plain View it won’t always look good depending on content size, please make sure you have nice view according to your content size. It’s possible to hide Intro section using Disable The Section checkbox from WordPress Dashboard.

Note2: For the page plane view don’t use —–END OF PAPER—– section, this section intended to group sections and used only for page Papered View.

Page Builder Papered View #

In the Papered View sections are grouped inside papers (see demo). Each paper has full screen size with nested scroll and can contain one or more sections. There is ability to set papers background options and animation type.

How Create Papers

To wrap sections inside a paper you should add — Paper End — section. It will wrap all the sections above him into a paper. 

Note 1: Intro section can’t be grouped with the other sections and for the page papered view automatically appeared as the first paper. It’s possible to hide Intro using Disable The Section checkbox from WordPress Dashboard.

Note 2:  For the page papered view it is important to always have closing —Paper End— section at the very end please don’t miss it.

Paper Background

To set same background color or background gradient for the all papers globally go to Customizer > Colors > General:

Set background color or background gradient for each paper individually right from the — PAPER END — section:

Note 1: Background gradient type appears only if selected Background gradient color. If you want to use only Background color just reset Background gradient color.

Note 2: We recommend to set color from the customizer for the all papers and than customize it individually for one or more papers if needed.

Paper Animation

To set papers animation type and speed globally for the all papers go to Customizer » Paper & Section Settings .

Paper Title

Papers do not have their own titles, we use section titles, read more details here .

Sections #

Page Builder page template contains different sections which are intended to create a CV page. 

Intro

Intro section existing separate from the other sections. It always appeared as the first section and can’t be rearranged with the other sections. In case you don’t want to use Intro you can hide it. Read more detailed info about the Intro Section here.

Sections

All other available sections located under the Sections tab. To add a new section click on the Add Row button, all available sections will be listed inside the tooltip. Click on the section name, after that it will appear under the Sections tab and will be ready for customization.

Each section has its own options. Click on the arrow to show/hide section options.

We recommend to keep sections closed and open them only at the time of editing, this will help to manage page layout more faster and spend less time scrolling up and down to find the desired section or field.

Add Row will add section at the very end, it is possible to add new section between sections by clicking on the + button.

Remove a section with the – button.

Change sections order by drag and drop.

Find more detailed information about each section customization and purpose in the appropriate unit below.

Sections Title Type

It is possible to choose title type for all section from Customizer > Paper & Section Settings. Selected title type will apply for all sections. There is no ability to choose title type for section individually.