Support » Plugins » [Plugin: WP Columns] Ready-To-Go CSS for WP Columns

  • Here is a few optimized lines of CSS that will make WP Columns produce nice two, three and four column layouts. Just append the following to your themes stylesheet, and it should work fine.

    ===== cut below this line =====

    /* @group Columns */
    
    .wpcolumn-clearfix {
        clear: both;
    }
    
    .wpcolumn-wrapper-2 .wpcolumn {
    	width: 47.5%;
    }
    
    .wpcolumn-wrapper-3 .wpcolumn {
        width: 30%;
    }
    
    .wpcolumn-wrapper-4 .wpcolumn {
    	width: 21.8%;
    }
    
    .wpcolumn {
        float: left;
        margin: 0 2% 0 0;
        padding-right: 2%;
        border-right: 1px solid silver; /* remove if you don't want lines */
    }
    
    .wpcolumn-last {
        margin-right: 0!important;
        padding-right: 0!important;
        border: none;
    }
    
    /* @end */

    ===== cut above this line =====

  • The topic ‘[Plugin: WP Columns] Ready-To-Go CSS for WP Columns’ is closed to new replies.