+92 308 5039935
Get a Free Quote
+92 308 5039935

How To Create 5 Columns in WPBakery Page Builder (Formerly Visual Composer)

How To Create 5 Columns in WPBakery Page Builder (Formerly Visual Composer)

WPBakery Page Builder is very popular and there are many theme that includes it. For the time being it does not support 5 columns by default, so if you want to achieve 5 columns layout just follow the steps below.

 

  1. Create 6 columns in a row.
  2. Click on the pencil icon to edit and add five-columns class name.
  3. Add your content to five columns and Update your page.
  4. Now add the following css using Theme Options or Customizer css editor if your theme support or have that option. Otherwise you will have to add it to your stylesheet.

 

Update:

WPBakery Page Builder supports 5 columns by default now. Just add 1/5 + 1/5 + 1/5 + 1/5 + 1/5 in custom Row Layout.

Hello, I am a web designer and developer working since 2013. I build WordPress themes, write and extend WordPress plugins, edit WordPress themes and plugins in accordance to customer needs and play games when free ;-)
Related Post
Minify CSS
How to minify CSS in WordPress Theme or Plugin

Minification is used to remove unnecessary elements, e.g: extra spaces. There are a lot of php scripts to minify or compress the css but we are going to use a simple function  here. It is usually used for inline css in WordPress.

Read more
How to add inline CSS in WPBakery Page Builder Element

WPBakery Page Builder (Formerly Visual Composer) is one of the best drag and drop front-end/back-end builder. You can easily apply inline css using style attribute but what if you need to apply css to a pseudo elements?

Read more
How to Auto Load Files in WordPress?

You may need to auto load files in WordPress themes or plugins. But I wouldn’t recommend it if you are creating theme to sell on themeforest. They didn’t accepted themes with this auto load function few years ago when we used

Read more
Post has 2 comments
  • Larry McLean Posted November 7, 2019 in 6:39 am Reply

    This is an elegant solution for a five column layout however it does not render well responsively on iPhone.

    Do you have a solution?

    Thanks!
    Larry

    • Muhammad Zohaib Posted November 11, 2019 in 11:17 pm Reply

      Hi Larry,

      This blog post was meant for an older version of WPBakery Page Builder. I just tried and it supports 5 columns by default now. I am updating the post.

Leave a Reply

Your email address will not be published. Required fields are marked *