How to modify the sidebar width

  • Hi,
    My web site is https://www.giftsrus.org.

    I’m using the sandbox theme (v1.6.1) and cannot figure out how to change the width of the sidebar. Have check the css stylesheet, the header.php, & the sidebar.php and cannot find the solution.

    Thank for any help.

    epak

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

  • The code you need is in you ” https://giftsrus.org/wp-content/themes/sandbox/examples/2c-l.css ” file

    div.sidebar {
float:left;
overflow:hidden;
width:180px;
}

    Change the width there.

    Somehow duplicated my post!

    In the same file also change the margin correspondingly here –

    div#container {
float:right;
margin:0 0 0 -200px;
width:100%;
}
    Thread Starter epak

    (@epak)

    Thx ajithkpunnoose.

    I found the file, downloaded it, and changed the div.sidebar width from 180 to 360 just to see what change it made and then would tweek it from there. I also changed the div$container fromm -200 to -100 and would tweek from there. Then I uploaded the file back to the “example” folder. However, when I pulled up the page again, I see no change.

    Should I have copied the changes and added them to the stylesheet.css or leave them in the “example” folder? That’s probably a dumb question – sorry.

    Thx again for your quick reply.
    epak

    However, I

    you need more work. The sidebar and the primary and secondary bars should be inside the “container”. Then make the content float to right. give it 400 margin. Make sidebars 380px and the sidebars float to right. I hope you got it.

    Thread Starter epak

    (@epak)

    Thx ajithkpunnoose.

    Got it! And, it works great. ??

    Your input is so very much appreciated. I hope that, down the line (and with a lot more experience), I too can help others.

    Kindest regards,
    epak

    Thanks Epak, do help others out on forums once you learn things. ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to modify the sidebar width’ is closed to new replies.