Changing sidebar width on Lifestyle Child

Community Forums Forums Design Tips and Tricks Changing sidebar width on Lifestyle Child

This topic is: not resolved

This topic contains 8 replies, has 4 voices, and was last updated by  Angie 1 year, 1 month ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #11336

    labecs
    Participant
    Post count: 7

    I have been playing around with the code, but I’m afraid I’m at the verge of messing up the page. Can someone tell me exactly where I should go to make the change? I want the sidebar to be 300 and the body 620 (my inner is 920)

    http://www.jazzoutlaw.com/

    • This topic was modified 1 year, 3 months ago by  labecs.
    • This topic was modified 1 year, 3 months ago by  labecs.
    #11360

    Jon Bellah
    Participant
    Post count: 109
    
    .sidebar {
     background: #210506;
     display: inline;
     float: right;
     margin: 5px 4px 20px;
     padding: 15px 15px 5px;
     width: 270px;
     }
    
    

    This will make the sidebar 300px wide (accounting for the padding, since you’re not using box-sizing:border-box;).

    .content-sidebar #content,
    .sidebar-content #content {
    	padding: 11px 10px 20px;
    	width: 580px;
    }
    

    Again, accounting for the padding, this will make the content box 600px.


    Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

    #11472

    labecs
    Participant
    Post count: 7

    Thank you!!

    #11479

    Jon Bellah
    Participant
    Post count: 109

    No problem! Glad I could help.


    Follow me on the Twitters at @JonBellah. I blog about web design, development and a lot about Genesis at CSSForge.com

    #25927

    Angie
    Participant
    Post count: 10

    I attempted to change my sidebar to 300px by using the instructions above.  The top ad I have in my sidebar is being cutoff on the side.  What should I adjust to correct that?

    Here is my site:

    http://yourdailydance.com/

    Thank you!

    Angie

    #26076

    csbeck
    Participant
    Post count: 132

    If you set your “.content-sidebar #content, .sidebar-content #content” to 560px you can set your “.sidebar” to 300px.

    You make these changes in the style.css.

    #26080

    Angie
    Participant
    Post count: 10

    Thank you csbeck.  I just changed it and am still having an issue with the ad cutting off on the side.  Any other thoughts as to changes I should make?

     

    Thank you,

     

    Angie

    #26095

    csbeck
    Participant
    Post count: 132

    Hmmm. It seems to look fine to me.

    http://dl.dropbox.com/u/54563062/daildance01.jpg

    Perhaps you need to clear your cache and refresh your page.

    #26163

    Angie
    Participant
    Post count: 10

    Thank you!  I had not thought of that.  It looks like it should.  Thank you again for your help.

    Have a good day!

    Angie

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

You must be logged in to reply to this topic.