Help please: How to make left sidebar wider; middle column narrower?

  • Hi there
    I want to use the video widget in the left sidebar.

    But would like the left sidebar to be wider; I do not want the page to be wider, so, I’d like to make the post area narrower when I make the sidebar wider, to compensate.

    I am using Green Apples theme. Here is the blog: https://theolivepressblog.com

    can someone tell me where the code is to make the left column wider? and the middle column narrower?

    I tried this code below, but adjusting the width did not seem to work:

    div.sides {
    float: left;
    overflow: hidden;
    width: 190px;
    padding-top: 20px;
    vertical-align: top;

    }

    div#sidebar {
    margin: 0 0 0 -100%;
    padding-top: 20px;
    padding-left: 10px;
    vertical-align: top;

    }
    * html div#sidebar {
    left: 20px;
    position: relative;
    }
    div#sidebar2 {
    margin: 0px 0 0 -190px;
    padding-top: 20px;
    vertical-align: top;
    }

    any help would be appreciated!

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

  • It would have helped if you’d stuck with the 1 topic. Two hours isn’t very long to wait for an answer.

    Try editing style.css and changing:

    div#sidebar {
margin:0 0 0 -100%;
padding-left:10px;
padding-top:20px;
}

    to

    div#sidebar {
margin:0 0 0 -100%;
padding-left:10px;
padding-top:20px;
width:270px;
}

    and

    div#content {
margin:0 200px;
padding-left:10px;
}

    to

    div#content {
margin:0 200px 0 280px;
padding-left:10px;
}
    Thread Starter elucia

    (@elucia)

    I will try that; sorry I am new to WordPress forums. I thank you for your patience and the information!

    Thread Starter elucia

    (@elucia)

    it worked perfectly! thank you so much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help please: How to make left sidebar wider; middle column narrower?’ is closed to new replies.