How to add info/images/videos that show side-by-side

If you like to add photos, videos, information etc. that shows side by side in your page, there is a way to do that.

Go to the edit mode of your template, expand the Row Layouts and drag the number of columns you would like to add in a row then drop it to your template.  In this tutorial let's add 4 columns.

layout1.png

Next, add either photos, videos, form, text or whatever you would like to put in each column that are in the modules.

layout2.png

In this tutorial we'll add a photo, text, video and contact form. 

Expand Main Modules, drag Photos and drop it inside the column in your template.  Click select photo to choose an image from your media library.  Update the settings for your photo then click Save.

layout3.png

 

In the second column we'll add text information.  Drag Text Editor from the modules and drop it to the next column.  Add your information to the text editor.  To edit the font size, color or style click the Toggle icon. 

layout4.png

The hidden font editors will open after clicking the Toggle icon.  Edit the text then click the Save button.

 

layout4a.png

 

Third column we'll add a video.  Drag Videos from the module and drop it to the 3rd column.  In the pop-up page you can either choose media library or embed from the video type.  Click Select video if your video is in your media library or paste the embed code of your video if you choose Embed video type.  Adjust the settings of your video then click the Save button when you are done.

layout6.png

   

In the last column we'll add a contact form.  Drag Contact from the module and drop it in the 4th column box.  Fill in the information in the field and make your update in the settings then click the Save button.

layout7.png

Here's how the everything looks like in the template.

row4.png

 

When everything is done click the Done button at the top right of the page.  You can either save it as a draft or save and publish.

 

Have more questions? Submit a request