Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment #1
pwhiteside CreditAttribution: pwhiteside commentedHi,
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,
To set the size for the main content area try,
To set the size for the main content area try,
I hope this helps,
Best Wishes, Phil.
Comment #2
mntash CreditAttribution: mntash commentedThanks.
That increased the width, but most of the sidebar blocks won't display now.
Comment #3
pwhiteside CreditAttribution: pwhiteside commentedHi,
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.
Comment #4
apdp300 CreditAttribution: apdp300 commentedHi, 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!
Comment #4.0
apdp300 CreditAttribution: apdp300 commentedupdate
Comment #5
rick3455 CreditAttribution: rick3455 commentedBusiness theme for more width.
style.css
#wrap {
width: 1300px;
Comment #6
djsagar CreditAttribution: djsagar at OpenSense Labs commentedHi,
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
Comment #7
gaurav.kapoor CreditAttribution: gaurav.kapoor commented