Hello,
I am implementing a new site using D7, but I would like it to look as much like the D6 site as possible. Toward that end, I was hoping to modify the sidebar and content widths, and increase the size of the content window, and finally, increase the font size of the content a bit.

I have looked at the following resources:
http://drupal.org/node/1211854 (Reducing side bar width from grid 4 to 3) and
http://drupal.org/node/1150970 (Column Width)

Result = created:
/sites/all/theme/subtheme/mysubtheme
/sites/all/theme/subtheme/mysubtheme /css/mylayout.css

..and placed the following into mysubtheme.info file:
stylesheets[all][] = css/mylayout.css.css

Then, in my layout.css, I have tried a variety of css to set the siteContent, sidebar-first, and sidebar-second, but could not get it to render correctly. I must confess that my knowledge of CSS is not what it could be, but the closest I could get was:

#sidebar-first {
width: 200px;
}
#sidebar-second {
width: 200px;
}
#siteContent {
width: 548px;
left: 200px;
}
…but this still resulted in the left column having what appeared to be a large left margin, which caused it to overlap the content. After spending a good deal of time unsuccessfully trying to move the column back to the left, I found other discussions, so I also tried modifying the grid system as suggested here:

http://drupal.org/node/1100416 (Marinelli Sidebar Widths)

Result = modified the width of grids 3 and 6 in the grid_1000.css file of my subtheme to be 200px and 548px, but it does not seem to have any effect whatsoever (I have refreshed the cache).

Any assistance on how I might accomplish these two seemingly easy tasks without making it difficult to perform security updates to the module would be appreciated.
Thanks,
Bill

Comments

wbenney’s picture

Title: Setting sidebar and content widths » Setting sidebar and content widths -SOLVED-
Status: Active » Closed (works as designed)

I just had to be more careful and include changes in push/pull px as well as in the main content area.

In Grid/grid_1000.css -

Needed to make sidebars thinner, main content wider:
left panel=grid 3(232 px) – pull 6(left:504 px) modified to be 200 px, and 548 px, respectively.
center panel = grid 6(484 px) push 3(left:252px) modified to be 548 and 220
Total width must be 948, and there is a 20 px space between grids which accounts for the different in grid and push/pull sizes.

Then, added stylesheets[all][] = css/grid/grid_1000.css to "mysubtheme.info" page.

manoloka’s picture

I'm looking to do the same. There must be a way to do this,

Sorry but I don't understand this explanation very well, did you manage to get it working with slimmer sidebars?

Thanks

manoloka’s picture

After checking https://drupal.org/node/1100416 and playing around with firebug I've accomplished what I wanted.

Both sidebars about 30px thinner and content area about 60px wider.

This is how I did it;

I use layout width 988px from admin/appearance/settings/subthememarinelli

From grid_960.css I changed to this values

.container_12 .grid_3 {
width:177px;
}
.container_12 .grid_6 {
width:534px;
}
.container_12 .push_3 {
left:187px;
}
.container_12 .pull_6 {
left:-554px;
}

Thanks for you post, it's been very helpful