WPBakery (or formally Visual Composer) it makes life so much easier when designing web pages. That is until you can find an option to create a layout you want.
We recently started working on a new design for a client that featured 7 columns in a row. We quickly discovered there is no out of the box solution to create this.
If you try to manually enter the a custom layout like 1/7 + 1/7 + 1/7 + 1/7 + 1/7 + 1/7 + 1/7 you get a layout format error like below.
Thankfully there is quite an easy workaround that requires no css or coding. Although the smallest column width on WP Bakery is 1/6, we can combine a few different layouts to get 7 columns.
The first step is to create 3 columns
Set the layout of your row to 1/4 + 1/2 + 1/4 columns
Next we create what I like to call “rowception” by adding a row inside of our three columns.
Next, Format the first inner row to 1/2 + 1/2, the second inner row to 1/3 + 1/3 + 1/3 and the last inner row to 1/2 + 1/2.
Let’s see our 7 Columns in WPBakery
Presto! we now have a 7 Columns in WPBakery layout that presents like so on the front end.