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.