Overview


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


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.


      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


Before Duplicate:


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.


Before Applying the Empty Section Before Option:


After Applying the Empty Section Before Option:



      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.