Adding A Block
Choose a category to be taken to the blocks that match your specific needs, or scroll down the list to view them all. You also may use the search bar at the top of the list, if you already know what you are looking for.
Once you found the block that matches your needs, simply grab and drag the block to where you want it on your website. You will see a purple "New Block" bar on your webpage showing where it will be placed.
Moving A Block
To move an already existing block on your website, hover over the block with your cursor until you see a green "block" border dropdown appear.
Click on the "block" dropdown, and a menu will appear. You will see a "move up" and "move down" option. Selecting these options will move the block up or down the block next to it.
Duplicating A Block
To duplicate an already existing block on your website, hover over the block with your cursor until you see a green "block" border dropdown appear.
Click on the green "block" dropdown, and a menu will appear. You will see a duplicate option, where it will bring up a "Duplicate Container" window asking where you'd like to move the block. You may add the duplicate block to your current page, or another page on your website. You will then be taken to the duplicated block, where you may move it up or down the page.
Editing A Block
To edit an already existing block on your website, hover over the block with your cursor until you see a green "block" border dropdown appear.
Click on the green "block" dropdown, and a menu will appear. You will see a style option, where it will bring up a "Block Styles" window. From here you can change the background color of the block, the font color, add an image, or change the padding and borders.
Adding An Element
If you want to add an element to your website creating your own personalized block, look to the side menu and select "Elements" this will open up a panel with all the elements that you may use for your website.
Scroll down the list to find the element you want to use, or search from the search bar at the top of the list, if you already know what you are looking for.
Grab and drag with your cursor which element you'd like on your website until you see orange and blue lines appear on your website block. The element will load where you released it.
Moving An Element
Drag the element to the desired location and note the color of the content location area to be sure you're adding it to the currently edited page, or all pages.
Duplicating An Element
Option 1: Hover over the element until the orange dropdown appears. The element menu will pop open, where you will see a "duplicate" option. A window will open allowing you to choose which page you'd like your element to go to.
Option 2: Quickly duplicate an element by hovering over an element until an orange dropdown appears. Hold down Shift and click and drag with your cursor until you see orange and blue guides appear. Let go of the element, then let go of the Shift key.
Editing An Element
Hover over the element until the orange dropdown appears. The Elements Menu will pop open, where there will be multiple editing options. Depending on the element you are editing, you will be able to add animations, add a link, edit the style, and much more.