Page Builder
Page Builder
Last Updated: February 22, 2025PAGE BUILDER Page builder: This is a visual composing tool used to assist you in laying out a webpage and is toggled by the PAGE BUILDER button The row column...
Structure
Last Updated: February 22, 2025Row Type The row type will control the sizing of your row content and row background layers. Below we will compare each of the available row types. The red highlight is a...
Spacing and Content
Last Updated: February 22, 2025Padding The padding fields will accept standard numerical values such as “100” to use a px, or will accept % based values, such as 10%. Using padding will help give...
Background
Last Updated: February 22, 2025Background Layers The stacking order for the background layer can be seen in the illustration below. Elements place inside the row (top) Shape Divider Layer Color Overlay Layer Background Image/Video...
Shape Divider
Last Updated: February 22, 2025Shape Divider Type Shape Dividers are optional parts of the row background layer which can add exciting design possibilities. A shape divider will not display in your row background unless...
Colour Overlay
Last Updated: February 22, 2025Gradient Overlay Enable this to cause the color overlay layer to use both the “Color Overlay” and “Color Overlay 2” color pickers. A gradient will be formed in between the...
Animation
Last Updated: February 22, 2025Background Image Animation The background image animation option allows you to define an animation that will apply only to the image you’ve specified for your row background image. The animation...
Stucture
Last Updated: February 22, 2025Padding Allows you to define how much padding you would like from a percentage dropdown. Percentage values are used to keep everything responsive. Using padding will help give the content...
Responsive Options
Last Updated: February 22, 2025Overview The Responsive Options tab allows you to define the size/position you want your column to display at in each viewport. By default, a column will display at 1/1 (100%)...
Background
Last Updated: February 22, 2025Background Layers The stacking order for the background layer can be seen in the illustration below. Elements place inside the column (top) Color Overlay Layer Background Color Background Image/Video Layer...
Colour Overlay
Last Updated: February 22, 2025Gradient Overlay Enable this to cause the color overlay layer to use both the “Color Overlay” and “Color Overlay 2” color pickers. A gradient will be formed in between the...
Animation
Last Updated: February 22, 2025Background Image Animation The background image animation option allows you to define an animation that will apply only to the image you’ve specified for your column background image. The animation...
Advanced
Last Updated: February 22, 2025Maximum Width The maximum width field allows you to define a custom width that the column will not display greater than. This can be useful in limiting the amount of...
