Changing column width on a three column

  • Author
  • #959859

    I’m using Ideation and Intent for my blog and I was wondering how to alter the column width. Yes, I’ve been looking at the css code annd took a crack at changing the width of the second and third columns, but all I managed ot do was make the third column disappear.

    I think this is a bit complicated because their are objects nested in the columns.

    Thanks for any help in advance.

    The blog I need help with is


    Hi again, I should clarify. The primary column in the blog’s cover page is half the width of the screen. The secondary and third columns on the right half are equal in width (combined) to the left primary column.

    I’d like to make the primary column wider, not by much (10 to 30px), and the right two columns narrower (by the same amount).



    The two sidebars are controlled by the same rule, so if you want them 10px narrower each, then change it to 217px and then add 20px to the width of in .site-content.

    .sidebar {
    width: 227px;
    .site-content {
    width: 528px;

The topic ‘Changing column width on a three column’ is closed to new replies.