Pixel Happy Change column Widths

[fotissimo]

I want to be able to include my affiliates links in my side bar, but in order to do that I need to increase the size of the template.

I need the side column to be 320.  What areas do I need to change to accomplish this?

[Susan]

Take a look at this visual mark-up guide - it shows each of the areas which make up the width of your site:

http://www.studiopress.com/images/gen_markup.png

[fotissimo]

Thank you!  That should help a lot (and not just with this question!).

[Susan]

If you get stuck with something, post back and I'll check it out (also include a link to your site!)

[fotissimo]

Here is the link to my site.

From the picture, I broke things down.

#inner is 920 (with a 20 padding on each side to equal 960)

I am only using one sidebar.

#content-sidebar-wrap = 750
#sidebar-alt = 150

750 + 150 = 900 + (3x) 20 padding. = 960

#content = 480#sidebar = 250

480 + 250 = 730 + a 20 padding between the 2 = 750

I changed #content-sidebar-wrap from 750 to 650

I changed #sidebar-alt  from 15o to 250

I changed #content from 480 to 380

I changed #sidebar from 250 to 350.

It widened the sidebar however, it did decrease the content and now the sidebar is pushed down under the content on the right side.

I know I'm missing something obvious.  What did I miss?

(Thank you again for the image.  It did help a lot).

[bandj]

when you have content and 1 sidebar, that sidebar will be #sidebar not alt sidebar. So your content + sidebar have to equal 920px total (and that includes the space between them). So if you want the sidebar 350px then your content should be 550px which will give you the 20px gutter between content and sidebar. Just make them both add up to 900px.

[fotissimo]

#content {
width: 550px;

#sidebar {
width: 350px;

I went back to the original CSS and this time only changed #content and #sidebar.  Above is what I changed them to.  I am still having the same issue with it moving the sidebar to the bottom below content.

I also tried the above and changed the #content-sidebar-wrap to 900 to see if that would change the issue, and it did not.

[Author]

Posts