Include a sentence or two here for your header giving a bold statement about what you’re talking about. Use Large Paragraph style for short segments in the header.
The PageBuilder blocks provide you with the flexibility to make each page unique while staying consistent with the design of the rest of your site. You have several options for your PageBuilder blocks. You’ll click on the “Add Section” button or the + sign in the right upper corner of each section to add a layout.
This section allows you to add a little animation to your page that is activated by a user’s scroll. You’ll use H2 for your headers, and coordinating H5 color headers as the label when needed. You can choose a color and image. When choosing images, I recommend sizing them to 1080 x 1080 px so they appear square in this section.
The PageBuilder blocks provide you with the flexibility to make each page unique while staying consistent with the design of the rest of your site. You have several options for your PageBuilder blocks. You’ll click on the “Add Section” button or the + sign in the right upper corner of each section to add a layout.
This section allows you to add a little animation to your page that is activated by a user’s scroll. You’ll use H2 for your headers, and coordinating H5 color headers as the label when needed. You can choose a color and image. When choosing images, I recommend sizing them to 1080 x 1080 px so they appear square in this section.
This is your One Column section. You can choose the Content Width and Background Color. You can also set it to appear as the header for the next section by switching the Intro toggle to yes. Widths of 10/12 are great if you want the content centered in our grid system. If you want the content lined up with the next section, I would recommend making it 12/12.
For the Two Column section you have all your formatting options and can choose any widths for the columns. You can have two columns of content or a picture and content. The pictures used in this section are various sizes but you’ll want something at least 800 px wide. (You want the image to compliment the content.)
You can use the Vertical Alignment tool to center the columns vertically. Reverse mobile order if the image appears in the second column.
You can add information in content blocks. Choose your Layout option (Icon, Lines, Images.)
You can add new blocks with the + sign or “Add Block” button. All your formats and button options are still available. You can also change the amount of block by using the Blocks per row slider.
When you add an image, they should all be the same size. For icons (the custom icons are in your media library), I would recommend a transparent background, for images you can start with 1920 x 1080 or 1280 x 720.
You can use this section for featured content or a testimonial. To get the testimonial styling, switch the bottom toggle to yes. This will increase the paragraph size on the front end. Images can be 1920 x 1080 px with subject centered.
To change the position of a PageBuilder block on a page, you can drag and drop the boxes to reorder them.
If you’re using Gravity Forms, you’ll select the “Add Form” button and select the form you’ll like to embed from the dropdown menu. Uncheck the boxes next to display form title and form description.
Staff members can be added in the staff section in the left-hand side menu. Select Staff > Add New. To reorder staff members, go to your staff list and drag and drop to reorder.
Events can be added in the Events section. Go to Events > Add New to create a new event.
News can be added in the News section. Go to News > Add New to create a new post.
Resources can be added in the Resource section. Go to Resources > Add New to create a new resource.
Events, news resources use 16:9 ratio images with subject centered.