The 3-Inner Columns Block will allow you to add 3 columns on the page builder as a block.
Once a 3-Inner Columns Block is added, you will have the option to add additional blocks in each 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 each column.
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.
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.
- Element Id:
This feature allows is used to define equal styles for elements with the same class name. To learn more, please check here
This feature allows you to use the Drip Feed feature for this block.
NB! This option is only available if the 3-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
This tool allows you to add animation effects to your Block.
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.
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 (inner spacing) of the left column.
Column 2 Settings
This option allows you to change the background color and the padding (inner spacing) of the center column.
Column 3 Settings
This option allows you to change the background color and the padding (inner spacing) of the right column.
That’s it, click SAVE CHANGES and you are done!