• Resolved paddyinthesun

    (@easylifespain)


    My website is http://www.elscleaning.com
    I’m using wpfolio and was having difficulties with adding a sidebar to the pages. I have solved this but the text is wrapping around the sidebar.

    How do i reduce the size of the content to stop from wrapping?

Viewing 9 replies - 1 through 9 (of 9 total)
  • You need to move your sidebar outside of the #content markup first. Then you can float the #content left.

    Thread Starter paddyinthesun

    (@easylifespain)

    Thanks for your post esmi, can you elaborate a little.
    Where does the #content markup start and end? Is this the style.css or page.php file?

    Thread Starter paddyinthesun

    (@easylifespain)

    I’ve moved the sidebar out of the content in page.php. Now the sidebar is at the bottom of the page. Not sure if this is correct.
    I have also tried to float the content by adding float: left; in style.css but it didn’t make any difference, the sidebar remained below.

    Thread Starter paddyinthesun

    (@easylifespain)

    There appeared tp be a missing </div> in the page.php file. I added this and the sidebar moved to the right. I then added “float:left” to the content as esmi recommended and this has brought the sidebar back to where i want it. Now, only one more step to go.
    There appears to be a lot of space between the content and the sidebar. I have tried to reduce the size of the sidebar but this increases the space between the content and sidebar.

    Ideally your sidebar should be inside the #container block.

    Thread Starter paddyinthesun

    (@easylifespain)

    Thanks esmi, i have moved the sidebar back into the content area of page.php and you can now see how the text wraps around it.
    Any ideas why this happens?

    Keep it out of the content area! It needs to inside the #container block but outside #content.

    Thread Starter paddyinthesun

    (@easylifespain)

    All sorted, putting the sidebar outside just didnt work for me. I kept it outside but reduced the width of the content and it seemed to do the job.
    Thanks esmi

    You’re welcome.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘how to reduce content width’ is closed to new replies.