Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #927

    Hi,

    I want to separate the content on my page into four columns, but the fourth column should be wider than the previous three. How can I define the width of an individual column?

    Thanks!

    #33398

    Hey,

    If you mean by using the shortcodes, the last column has the “last”class added so you can adjust the width of the columns then change the last one – bear in mind this will affect the width of every 4 column page.

    The CSS you need to edit is found in style.css:

    .one_fourth  {
    float:left;
    margin-right:35px;
    overflow:hidden;
    position:relative;
    width:121px;
    } /*style.css (line 127)*/

    .fullwidth .one_fourth {
    width:208px;
    } /*style.css (line 134)*/

    #top .wrapper .center .last {
    margin-right:0;
    } /*style.css (line 122) */

    Regards,

    James

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Columns – Making 1 column wider than the others’ is closed to new replies.