Hi,

Which parts of style.css need to be changed in order to increase width of Sidebar? I would like to increase width of main content area too, if possible. Thanks.

Comments

pwhiteside’s picture

Hi,

Personally I would not edit the code in the style.css sheet but add overrides at the bottom, this will keep all your changes grouped and ensure that they are executed after all other code that may conflict.

If you plan on making a lot of changes you should look into creating a subtheme of BlueMasters so that updates do not remove your changes.

The page uses a single background image for both the content area and sidebar, you will need to recreate this image with the width you desire.

To set the size for the whole page try,

#main-area{width:1000px;}

To set the size for the main content area try,

#main{width:600px;}

To set the size for the main content area try,

#right{width:400px;}

I hope this helps,
Best Wishes, Phil.

mntash’s picture

Thanks.

That increased the width, but most of the sidebar blocks won't display now.

pwhiteside’s picture

Hi,

What do you mean by most of the sidebar blocks, the Network connect block is embedded in the theme code and not generated by Drupal, if only this block is showing then there may be an issue with your setup making Drupal not generate the blocks.

Are the missing blocks in the code of the page but not showing because of the CSS?
You should disable CSS style in your browser and see if the blocks are there or look in the code for blocks.

If it is a style issue you should look over the CSS and change gradually to see what is causing the issue.

Best wishes, Philip.

apdp300’s picture

Hi, Thanks for the great theme. I also want to change the width of the right sidebar. I changed the settings in style.css, #main and #right as explained, and the changes affect the position of the sidebar blocks as expected. However how do I change the width of the grey coloured sidebar region (or white coloured main region)? This is not altered by the changes, and I cannot find it anywhere in style.css. Thanks for your help.

Edit: Sorry ignore this, I found the png I have to resize!

apdp300’s picture

Issue summary: View changes

update

rick3455’s picture

Business theme for more width.

style.css

#wrap {
width: 1300px;

djsagar’s picture

Issue summary: View changes
Status: Active » Needs review

Hi,

Bluemasters theme there are using the grid which was created in theme files,
if you want to change the width for sidebar first change the grid_4 to more like grid_6 or what.

Thanks

gaurav.kapoor’s picture

Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

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