WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: WP Columns] Ready-To-Go CSS for WP Columns (1 post)

  1. Mikkel Breum
    Member
    Posted 2 years ago #

    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 =====

Topic Closed

This topic has been closed to new replies.

About this Topic

  • RSS feed for this topic
  • Started 2 years ago by Mikkel Breum
  • This topic is not a support question
  • WordPress version: 3.3.2

Tags