Columnizer is a jQuery based plugin that lets you columnize content automatically in your WordPress site. It simply formats your content into columns. So all what you need doing is embrace your content in a single set of shortcodes denoting the number of columns as shown below:
[threecolumns] Lorem ipsum...vitae nunc. Curabitur fringilla...consectetur arcu. Proin id...pretium eros. etc... [/threecolumns]
The rest is does automatically. You can write out the number of columns (up to twelve) followed by the word ‘columns’ without any space and your column formatting needs will be satisfied most splendidly.
There are no configuration options, you can start using it after activation but if you need you can edit out its easy CSS in columnizer.css to modify its margins.
OR Alternatively you could override the rules in your own CSS file by adding an extra level of hierarchy. Something like this:
#main #columnizer .first div {
margin-right: 8px; /*changed spacing to 8px*/
margin-left: 0 !important;
}
#main #columnizer .last div {
margin-left: 8px; /*changed spacing to 8px*/
margin-right: 0 !important;
}
#main #columnizer .column div {
margin-left: 8px; /*changed spacing to 8px*/
margin-right: 8px; /*changed spacing to 8px*/
border-left: 1px solid grey; /*new rule to add slick dividers*/
border-right: 1px solid grey; /*new rule to add slick dividers*/
}