Websites
Creating and Using Pages
Last Updated: February 22, 2025
Creating and Using Posts
Last Updated: February 22, 2025
Getting Started
Last Updated: February 22, 2025
Menus
Last Updated: February 22, 2025
Page Builder
Last Updated: February 22, 2025
Columns
Last Updated: February 22, 2025
Row
Last Updated: February 22, 2025
Logging In
Last Updated: February 22, 2025go to http://yourwebsitehere.com/wp-admin/ Username: Your Username Password: Your Password Click Log In Here you’re at the dashboard, and the black bar on the site is how you’ll navigate the important...
Edit Pages
Last Updated: February 22, 2025Click Pages, here you’ll see a list of all pages on your site Hover over a page and click edit Here you have the elements of the page broken up...
Edit Posts
Last Updated: February 22, 2025Click Posts, here you’ll see a list of all posts on your site Hover over a post and click edit Make any changes in the large box Click the blue...
Add Posts
Last Updated: February 22, 2025Step 1: Create a new post There are several ways to add a new post – the easiest way is to hover over the Posts tab and click Add New. Alternatively, can hover over the New tab...
Creating New Forms
Last Updated: February 22, 2025On the left of the dashboard, hover over Forms and Add Form Give your form a title and drag any fields over from the right hand side If you’d like...
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...
Widgets
Last Updated: February 22, 2025WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for Categories, Tag cloud, Search, etc. Plugins will often add their own...
Menus
Last Updated: February 22, 2025Defining a Menu: You must define a menu before you can add items to it. Login to the WordPress Dashboard. From the ‘Appearance‘ menu on the left-hand side of the...
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...
