I want to increase the width of sidebars by 10px, how to do it?

Comments

andregriffin’s picture

andregriffin commented

You will find the width of the sidebars in style.css. The file is highly organized and should be relatively simple to understand, find, alter, and replace CSS.

mattyoung’s picture

mattyoung commented

thank for the quick answer. I should've explained in the original message. I did find:

.sidebar {
  width: 150px;
}

but when I change that to 160px, the right sidebar gets push down below the middle column :(

so I think some other width need to be adjusted to give room for the wider sidebar?

andregriffin’s picture

andregriffin commented

You are correct. You must subtract the amount of pixels you added to the sidebar(s) from the center column. It is either called #center or #main in your version of Framework.

Alternatively, you could increase the overall width of the page by increasing the width of #wrapper.

andregriffin’s picture

andregriffin commented
Status: Active » Closed (fixed)