03042 – How To Setup a 1 Inner Column Block

1 Inner Column Block will allow you to add a column on the page builder as a block.

Once a 1 Inner Column Block is added, you will have the option to add additional block in a column. Just click the gray plus (+) button inside the empty column, and you will have the options to add a Text, Title, Image, Video, Audio, Button, List, Image List, Spacer, or a Divider block in the column.

Below is an overview of the various 1-Inner Column Block settings:

Background

The feature allows you to change the background color of the Inner Column Block.

  • If you type the word “transparent” in to the field provided, the background will be transparent and show what ever color is visible on the page.
  • To change the background color, you can either add a Hex code in the field provided or choose a color from the Color Wheel.
  • If the Color Wheel is closed, simply click on the Color Picker button to the right of the background field.
Spacing

This feature allows you to adjust the margin bottom of your block.

  • Margin Bottom
    This feature allows you to add more space below the block.
    Simply add the numeric (pixel) value to the field provided.
Options

This feature allows you to use the available options for extra coding (HTML/CSS/JavaScript)

  • Element Id:
    This shows the element id of a specific block, which can then be used by CSS and JavaScript to perform certain tasks for the element with the specific id value. To learn more, please check here
  • Classes:
    This feature allows is used to define equal styles for elements with the same class name. To learn more, please check here
Drip

This feature allows you to use the Drip Feed feature for this block.
NB! This option is only available if the 1-Inner Columns block is added in a course page.

  • Automated: Based on registration date
    This option will allow you set the drip for this block based on the registration date of the user on this online course.
    You may set the number of days after the registration date.
  • Scheduled: Deliver on a specific date
    This option will allow you set the drip for this block and display the block on a specific date.
    You may set the exact date, time, and timezone when you want to display the block
Animation

This tool allows you to add animation effects to your Block.

  • Type
    From this drop down you can choose a trigger to activate the animation i.e.
    + None = no animation will be applied
    + On Page Load = the animation is triggered as the page loads
    + On Page Scroll = the animation is triggered only when the user scrolls to that section.
  • Style
    This feature adds an animation style to your Block. Simply choose the preferred option from the drop down menu.
    + Fade In = the Block will fade in from the background
    + Scale In = the Block scales in from the background
    + Top = the Block will slide in from the top
    + Right = the Block will slide in from the right
    + Bottom = the Block will slide in from the bottom
    + Left = the Block will slide in from the left
  • Delay (ms)
    If you want to add a time delay for when the Block appears, simply add the delay in milliseconds e.g. 3000ms will be 3 second delay.
Column 1 Settings

This option allows you to change the background color and the padding of the left column.

 

 

That’s it, click on SAVE CHANGES and you are done!