Pixel Happy Change column Widths

Community Forums Forums Design Tips and Tricks Pixel Happy Change column Widths

This topic is: not resolved

This topic contains 6 replies, has 3 voices, and was last updated by  fotissimo 1 year, 7 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #31011

    fotissimo
    Participant
    Post count: 6

    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?

    #31013

    Susan
    Moderator
    Post count: 9255

    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


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #31038

    fotissimo
    Participant
    Post count: 6

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

    #31040

    Susan
    Moderator
    Post count: 9255

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


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #31422

    fotissimo
    Participant
    Post count: 6

    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).

    #31431

    bandj
    Participant
    Post count: 184

    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.


    #31444

    fotissimo
    Participant
    Post count: 6

    #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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.