This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Custom VC Column Layout

Description

This plugin will automatically add 5-column layout icon to the Visual Composer row controls both backend and front-end editor. It is very useful in making 5-column layout because the default breakdown of layouts from Visual Composer plugin doesn’t support this number of columns.

Note: This will only work when your theme has a Visual Composer plugin installed.

Screenshots

  • The backend editor of Visual Composer
  • The front-end editor of Visual Composer
  • The result

Installation

  1. Extract the file custom_vc_layout.zip and upload the folder custom_vc_layout to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

What other custom layouts does it supports?

Aside from (1/5 + 1/5 + 1/5 + 1/5 + 1/5)It supports 2/5, 3/5 and 4/5. So (2/5 + 3/5) or (1/5 + 4/5).

Which website provides a clear tutorial on making this custom layout?

http://www.jezweb.info/add-5-column-layout-vc/

Reviews

Junk plugin

It does not work, it won't allow custom columns, is better to be removed from here, just a waist of time

dosn't work

it makes 5 columns but then the row extends to two rows! bad plugin coding...

You don't need this plugin.

User jamiesmachon left a comment with a work-around to get this plugin to work, but for those still having the issue of 5 column layouts - don't both downloading this. I'll be honest, I didn't even download it to try it, I read the reviews and a few people said it doesn't work, also jamiesmachon left the work-around I mentioned. This 'work-around' actually works on it's own without the plugin. I'll paste his comment back here again. No need to download, just copy & paste. You can use the custom CSS space on the page you are working on (the gear icon, top right of VC editor) to include the code (no need to edit back-end CSS), and just add the custom classes to the elements as he specified. Thanks Jamie! Hi everyone, I dont know if it was due to the latest updates to WordPress and VC but I had to modify the code I use to get this plugin to work again. As before I installed the plugin as normal. I then assigned a custom class to the row itself (one-fifth-row) and then a class to each of the first 4 element (one-fifth) then the final element was given another class (one-fifth-last). Please note that as before the column layout goes a bit mad and changed to 1/12 from 1/5 as soon as I saved the custom classes. To remedy this again simply re-selected the 1/5 layout and updated the page. I then applied the below css code to the style.css file. .one-fifth-row .vc_col-sm-3 { width: 19%; } .one-fifth { float: left; width: 18.8%; padding: 0; margin-right: 1.2%; min-height: 0; } .one-fifth-last { float: left; width: 20%; padding: 0; margin-right: 0; min-height: 0; } @media (max-width: 768px) { .one-fifth-row .vc_col-sm-3 { width: 100%; } .one-fifth, .one-fifth-last { float: none; width: 100%; } }
Read all 15 reviews

Contributors & Developers

“Custom VC Column Layout” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1

  • A stable version of the plugin with the latest version of Visual Composer version 4.3

1.0

  • The first version of the plugin