Create Row and Columns Visual Composer

How to Create Row and Columns Visual Composer

Webpage design can be segmented into content with various rows(sections) and columns to make it visually appealing and user friendly. Creating columns in a page of a webpage skill that involves various techniques. In this tutorial we will use Visual Composer: First login to your Website, then go to Pages and Add New.

Give your page a title and click either on Backend Eitor or Frontend Editor, then click Add Element button just above the visual editor and below the title.


Select Row from the popup window.


Hover over your choices, select 1/3 1/3 1/3 which will allow 3 columns. Visually you will see your row split into 3 columns.

At this stage you will see now the 3 gray boxes with a + buttons at the middle of each. This button allows you add content to the columns. Either text, single picture or post etc. Choose your page element.






For this WordPress Tutorial click on the + button and choose Text Block. Your Page elements will be populated with sample text.





You can type your text, insert pictures etc. The same as the default visual editor in WordPress. The visual composer window inherits the standard visual wordpress editor properties and adds such options as inserting posts directly into the columns content blocks.

Save you content, remember to Publish and Update your Page.

Tip: Right click and Open link in New Tab to check you work live on your website.

View our example visual composer page used in this tutorial.

Pinguis Web :Pinguis Website Design Kerry, Cork, Dublin in Ireland. An Irish Business we create stunningly beautiful, fully functional websites finished, live on the internet for €300. That is the finished price for a Website Design, SEO and Content Writing Services for any business based in Ireland.