Overview

The Visual Builder Block Legend will help to educate the user on the functionality of custom block options, which apply to editing any content visible within the block.

Article Sections:

• Block Options

Accessing The Visual Builder

To Access the Visual Builder, Please Follow the Steps Listed Below:

1. At the top of your screen select the "Edit Website" button as displayed below.

2. Your visual Builder screen will now appear.

Block Options

Edit Content 

Function: When you select the pencil icon in a block you will be granted access to input/edit text and H-ref links.             

Applying the bold font implies that each character was originally designed with a heavier appearance.

Apply Italic font is a slightly slanted font that is used to set text apart.

Apply an underline will draw attention to specific words, meanings or emphasis on a title.

Apply the strike through to indicate a mistake and not meant for inclusion, or completion of a list item.

Links can be attached to text, images, or other HTML elements.

Unlinking will result in any previously linked text, image, or other HTML elements to become nonfunctional.

Selecting the "Undo" feature will allow you to cancel or reverse the effects of a previous action.

Selecting the "Redo" feature will allow you to repeat the effect that you have undone.

Duplicated Content 

Function: This option allows you to create a copy of the current block or section which will then appear below the original block you have duplicated.

Example: Before Duplicate

Example: After Duplicate

Insert Dynamic Content 

Function: This option allows you to insert prefabricated dynamic content already developed on your back in. See below what features this option enables you to insert.

Dynamic Content Categories:  

• Web Forms
• Static Blocks
• Blog Posts
• Events
• Promotions
• Sliders
• Testimonials
• Galleries 

Dynamic Content Window:

Add Global Shortcut 

Section Settings 

Function: This option will allow you to edit the properties of your block spanning from all the categories below and more.

Section Settings Categories:

• Colors
• Text
• Boarders
• Padding
• Scale
• Text Shadow
• Capitalization
• Alignment
• Images

Section Settings Property Window:

Empty Section Before 

Function: This option will create a blank section block before the current block you are working on.

Example: Before Applying the Empty Section Before

Example: After Applying the Empty Section Before

Move Block Up 

Function: This option allows you to shift this block/content before the block above. Perfect if you have misplaced a block.

Example: Block Placed in Wrong Section

      Example: The Move Block Up Option

        Example: Block Moved Up to Correct Section

Move Block Down 

Function: This option allows you to shift this block/content after the block it is currently in.

Example: Block Placed in Wrong Section:

Example: Selecting the Move Down Option:

 Example: Block Moved Below Project Inquiry Title Block:

Open Code Editor 

Function: This option will allow a more experienced user to access the blocks code to alter if need be.

Example: Code Editor

Remove Template 

Function: This option will allow you to remove any block/content entirely.

Example: Remove Template

Add / Change Image 

Function: This option will allow you to add an image from our file manager to many of our blocks that aren't considered a Hero/Title Block. When It comes to Hero/Title blocks other options for adding images will be available.

For More information on this topic please visit the following pages...

Article: File Manager

Section: How to Access and Add Files from Your File Manager to Your Website?

-Or-

Article: How to Edit Text & Photos Page

Section: How to Edit Photos

Edit / Crop Image 

Function: This option will allow you to add an image from our file manager to many of our blocks that aren't considered a Hero / Title Block. When It comes to Hero / Title blocks other options for adding images will be available.