Since I am considering to use this particular theme for my another website running on Drupal 5, could you please give me some hints as how I can make the right-sidebar a bit wider, say 300px. at the same time, the left-sidebar a bit narrower. I tried using the style.css file but it breaks the blocks. Where in the custom CSS code needs to be updated? Any hint would be appreciated. Thanks.

Comments

hswong3i’s picture

A very complicated question:

1. The default left sidebar is themed with a fixed width background image. If you hope to let it become narrower, you need to edit the image and also configure the CSS. Code reference:

body.sidebar-left #wrapper #container #main .left-corner,
body.two-sidebars #wrapper #container #main .left-corner {
  background: url(images/bg-block-left.png) repeat-y top left;
}

2. Size of block region is handle with fluid width implementation. It is VERY COMPLICATED... You may need some time to test your code. Code reference:

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -230px;
}
body.sidebar-right #center {
  margin-right: -230px;
}
body.two-sidebars #center {
  margin: 0 -230px;
}
/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 230px;
  margin-right: 30px;
}
body.sidebar-right #squeeze {
  margin-left: 30px;
  margin-right: 230px;
}
body.two-sidebars #squeeze {
  margin: 0 230px;
}
body.no-sidebars #squeeze {
  margin: 0 30px;
}
/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  width: 230px;
  float: left;
  padding: 0;
  z-index: 2;
  position: relative;
}

e.g. you may need to override right sidebar width with:

#wrapper #container #sidebar-right .sidebar {
  width: 200px;
}
body.sidebar-right #center {
  margin-right: -200px;
}
body.two-sidebars #center {
  margin: 0 -200px 0 -230px;
}
body.sidebar-right #squeeze {
  margin-right: 200px;
}

Be careful! Above code is not yet tested, so please check and use with your own risk ;-)

stattler’s picture

Thanks man, I will try this sometime later at some suitable time. I will post my findings here if I am successful.

hswong3i’s picture

Any else update? Or I will set this issue as fixed :-)

hswong3i’s picture

Assigned: Unassigned » hswong3i
Status: Active » Fixed

Assume as fixed since no more feedback.

Anonymous’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.