Sorry to be such a dunderhead. I've read dozens of support issues, read all your instructions, read up on CSS and Drupal generally and I still can't figure out how to change column widths of my very simple 3-column layout.

Here's what I've added to my 'page.css' file:
#genesis-1c .two-sidebars .content-inner {margin : 0 290px 0 230px;}
#genesis-1c .sidebar-left .content-inner {margin-left : 30px;}
#genesis-1c .sidebar-right .content-inner {margin-right: 90px;}
#genesis-1c #sidebar-left {width: 210px; margin-left: -100%;}
#genesis-1c #sidebar-right {width: 260px; margin-left: -260px;}

The widths are way off what your examples show-- I was just trying to see what they did, but they don't do anything. Trouble is Explorer and Firefox (Mac) see them so differently. One has huge gutters and explorer drifts everything to the right.

All I'm really trying to do is make the left and right columns 200 px wide and let the centre column fill out the rest. But I simply cannot wrap my head around the CSS. Is your centre column squished by the two outer columns? Why are you creating margins on the left of a left-hand column? Wouldn't it be much simpler to just declare three divs, left, right and centre, and assign widths to the left and right and add a bit of padding or margins for gutters?

Any help would be appreciated.

CommentFileSizeAuthor
#1 local-site.jpeg109.62 KBDeepika.chavan
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Deepika.chavan’s picture

Deepika.chavan CreditAttribution: Deepika.chavan commented
FileSize
local-site.jpeg109.62 KB

Hi,
I tried the same thing on my local site( Please check the attachment). To change the width of the column try using following css.
1. I created custom css file named it as local.css in '/genesis/genesis_SUBTHEME/css' directory and added following line of code in 'genesis_SUBTHEME.info' file after line no-32.
stylesheets[all][] = css/local.css
2. Cleared cached data.
3. Added following css in local.css file. 

#genesis-1b #sidebar-left {
  width: 200px;
  margin-left:-99.5%;
}

#genesis-1b #sidebar-right {
  width: 200px;
  float: right;
}

body > #container {
  max-width: 100%;
  min-width: 785px;
  width: 100%;
  margin:0 0;
}

#genesis-1b .two-sidebars .content-inner {
  margin:0 20%;
}

Rgrds,

Deepika Chavan.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented

I assume dunderhead is some quirky Canadian expression :)

Just off the top of my head - in page.tpl.php you have to set the correct ID on the body element, so if this is having no effect at all then I would check you have the right ID set, in this case it should be...

<body id="genesis-1c" <?php print $section_class; ?>>

The default is genesis-1b, so maybe you overlooked changing it?

Deepika's idea to add a custom stylesheet and add changes there is not a bad practice, certainly you can do that also.