I recently found this theme and changed my site to it, I think it is excellent. My only desire is to reduce the size of the sidebar so the sidebar content fits there better and there is more space for the main content. I Have got as far as finding the areas defined in marinelli/css/grid/grid_1000.css However, if I edit it it seems to mess everything else up. Unless I am missing something it seems the two sidebars combined must be the same size as the content, both defined by grid6?

Any hints on how to change the size? I am thinking of changing the sidebars from 230px each to 200px and using the spare 60px for the main content.

Many thanks in advance :)

CommentFileSizeAuthor
#5 Decrease_sidebar_size-1189982-5.patch518 bytesbhumikavarshney

Comments

majovdh’s picture

majovdh commented

subscribing

shruti.sheth’s picture

shruti.sheth commented

Hello,
One of the ways for reducing the sidebar width can be as follows,
Steps
1. Create your custom .css file
2. for e.g. if the file name is marinelli.css add the following code in your .info file

stylesheets[all][] = css/marinelli.css

3. Add the following code in marinelli.css

#siteContent {
  float:left;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  width: 544px;
}

#sidebarWrapper {
  float:left;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 0;
  margin-top: 0;
  width: 444px;
}

#sidebar-first, #sidebar-second {
  float: left;
  width: 200px;
}

Hope this helps!

Regards,
Shruti Sheth

thexinfo’s picture

thexinfo commented

I have tried everything that shruti.sheth has told people and a few others I still cant seam to get the sidebar width down with out screwing up the rest of the site any ideas on how to fix it

th.sigit’s picture

th.sigit commented

This is what I end up with, for pages with both sidebars enabled. Under theme settings, I choose fixed-width, 988px.

/** customize the site layout **/

.two-sidebars #siteContent {
  float:left;
  margin: 0 10px;
  width: 520px;
}

.two-sidebars #sidebarWrapper {
  float:left;
  margin: 0 4px;
  width: 400px;
}

.two-sidebars #sidebar-first, 
.two-sidebars #sidebar-second {
  float: left;
  margin: 0 5px;
  width: 190px;
}
bhumikavarshney’s picture

bhumikavarshney commented
Issue summary: View changes
Status: Active » Needs review
StatusFileSize
new Decrease_sidebar_size-1189982-5.patch518 bytes

Try this patch
Instead giving width in pixels I tried to use percentage.
Thanks

gaurav.kapoor’s picture

gaurav.kapoor commented
Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

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