Simple columns in WordPress

Sometimes you want to have columns, nice and neat, easy, with no fancy borders or anything.

Simplest thing we’ve found is to install the WP Columnize plugin.

Once activated you do need to carry out a couple of actions to get working:

Add your preferred style details to the style.css file for your theme (Appearance, Editor and be sure to select the style.css file). You can use the plugin creator’s suggestion here, as follows:

    div.column-sect {
        clear: both;
        display: inline-block;
        overflow: auto;
        }
    
    div.post-column {
        display: inline;
        float: left;
        margin-right: 18px;
        text-align: justify;
        width: 45%;
        }

    Just add that code to the end of the style.css file, save it and your columns will be nicely formatted.

    Next you want to use the columns. With the plugin activated and using the HTML sheet, you will see the two extra buttons – one for “column” and the other “col-sect”.

    The first thing to do is write your first column, highlight it and click the column button – this will add the required code to make your first column. Then do the same for your second column. And after that, select both columns and click the col-sect button – encompassing the whole into a column section. And hey presto – columns. The plugin programmer offers more detail on his website here.

    We’ll add a short video to this post next week, or if you get stuck, give us a shout.

    Babs

    p5rn7vb

    Leave a Reply

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

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>