WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Side Bar Overlapping Page

[Resolved] Side Bar Overlapping Page

  • I made a very simple edit on a page. I updated the page and the result was the sidebar overlapping with the page. I can’t seem to get it back. Can anyone help guide me through correcting this? Thanks.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Please post a link to the page with the error. 🙂

    Looking at the css, you need to remove the width attribute from here:

    #wide {
        float: right;
        width: 882px;
    }

    It’s in extracss.css line 45.

    Edit: You can also remove <div id=”wide”> from that page also and that will fix it. Not sure if you are using #wide anywhere else on the site.

    thanks eric. unfortunately i’m a dummy when it comes to this – inherited the site recently and only have been editing on visual view. if you have the patience, i would appreciate your walking me through the html instructions, not assuming i know anything.

    either way, i appreciate your help.

    i just saw the “remove <div id=”wide”>”

    will try that

    Moderator Michael

    @alchymyth

    Forum Moderator

    I made a very simple edit on a page.

    what exactly?
    in the page template or page content?

    you seem to have added this to the page content:
    <div id="wide">
    plus the corresponding </div>

    which is styled in extracss.css by:

    #wide {
    	float:right;
    	width:882px;
    	}

    if that was on purpose, what was the goal?

    removing “<div id=”wide”>” threw the sidebar all the way to the left onto the background.

    Go to the page in the page editor.

    Top right of the content area, you will see an HTML tab. Click that.

    you should see something that looks like <div id=”wide”>. Remove that. It will most likely be line 1

    You will need to then find the closing div. Looks like this </div>. You will need to remove that and then update page.

    Let me know if that helps.

    @alchymyth – in the page content under visual view.

    see above – don’t know html. editing entirely under visual view.

    aha! deleting both <div id=”wide”> and the closing </div> did the trick. Thanks Eric and alchymyth 🙂

    Awesome! don’t forget to mark the ticket as resolved 🙂

    like i said, like i’m a dummy. thanks 🙂

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Side Bar Overlapping Page’ is closed to new replies.