Hi everyone, I am just starting with Drupal, sorry if this question seems dumb.

I've installed the Summertime theme and trying to extend the width of the middle column (I have three column design). I tried to change the style.css file, but the settings I am changing seem to be overwritten by some other settings. I am trying to decrease the width of the left column (menu) and the right column (I have languages there).

I would appreciate if you help me. Thanks.

Comments

Anonymous’s picture

I had no trouble changing the widths of column 1, column 2, and column 3 on the summertime theme by adjusting values in the style.css file of the theme.

To change the width of the left column you have to adjust two values: the width value of .column-left (line 259 of style.css) and the width value of .right-col-main (line 297). You'll want to adjust these value in tandem--so if you are decreasing the left column, then you want to decrease the width of .column-left by a few percentage points and increase the width value of .right-col-main by the same number of percentage points.

To change the width of the right col, adjust two values: the width value of .column-center (line 267) and the width value of .column-right (line 285). To make the column narrower, reduce the .column-right value and increase the .column-center width value by the same percentage.

good_guy_ny’s picture

Really Helpful!