WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Side Bar Overlapping Page (13 posts)

  1. GregL40
    Member
    Posted 1 year ago #

    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.

  2. Eric Hoanshelt
    Member
    Posted 1 year ago #

    Please post a link to the page with the error. :)

  3. GregL40
    Member
    Posted 1 year ago #

  4. Eric Hoanshelt
    Member
    Posted 1 year ago #

    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.

  5. GregL40
    Member
    Posted 1 year ago #

    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.

  6. GregL40
    Member
    Posted 1 year ago #

    i just saw the "remove <div id="wide">"

    will try that

  7. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    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?

  8. GregL40
    Member
    Posted 1 year ago #

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

  9. Eric Hoanshelt
    Member
    Posted 1 year ago #

    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.

  10. GregL40
    Member
    Posted 1 year ago #

    @alchymyth - in the page content under visual view.

    see above - don't know html. editing entirely under visual view.

  11. GregL40
    Member
    Posted 1 year ago #

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

  12. Eric Hoanshelt
    Member
    Posted 1 year ago #

    Awesome! don't forget to mark the ticket as resolved :-)

  13. GregL40
    Member
    Posted 1 year ago #

    like i said, like i'm a dummy. thanks :)

Topic Closed

This topic has been closed to new replies.

About this Topic