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 3 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 11, 2013 at 4:13 pm #11336

    labecs
    Participant
    Post count: 6

    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 5 months, 1 week ago by  labecs.
    • This topic was modified 5 months, 1 week ago by  labecs.
    January 11, 2013 at 5:47 pm #11360

    Jon Bellah
    Participant
    Post count: 108
    
.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

    January 12, 2013 at 12:17 pm #11472

    labecs
    Participant
    Post count: 6

    Thank you!!

    January 12, 2013 at 12:33 pm #11479

    Jon Bellah
    Participant
    Post count: 108

    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

    March 13, 2013 at 1:56 pm #25927

    Angie
    Participant
    Post count: 3

    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

    March 13, 2013 at 5:13 pm #26076

    csbeck
    Participant
    Post count: 111

    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.

    March 13, 2013 at 5:49 pm #26080

    Angie
    Participant
    Post count: 3

    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

    March 13, 2013 at 7:57 pm #26095

    csbeck
    Participant
    Post count: 111

    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.

    March 14, 2013 at 7:44 am #26163

    Angie
    Participant
    Post count: 3

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

    Have a good day!

    Angie

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

You must be logged in to reply to this topic.