Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Back End Sidebar has moved down page

  • This topic is empty.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #45823
    dutchpuzzle
    Member

    I’m using wordpress 3.3.1 with Headway theme.

    The sidebar used to sit at the top of the page, but has now moved down the page?
    It may have happened after I’d edited some of the text content on the page.

    Can anyone help? It’s driving me nuts!

    http://codepen.io/dutchpuzzle/pen/vDgcp

    #140245
    Kitty Giraudel
    Participant

    .container {
    float: left;
    width: 80%;
    /* Remove padding, margin, border, position */
    }

    .sidebar {
    float: left;
    width: 20%;
    /* Remove padding, margin, border, position */
    }

    Done.

    #140293
    dutchpuzzle
    Member

    Do I just copy and paste that in to the custom css for that page? (Sorry I’m a novice at this!)
    or do I need to do the things between the /* */ ?

    #140298
    Kitty Giraudel
    Participant

    Well, no. You have to find the CSS code blocks for `.container` and `.sidebar` in your stylesheet and edit/set/remove what I told you right above.

    Remember to backup your stylesheets first before editing anything.

    #140299
    dutchpuzzle
    Member

    Ok gotcha and will do.
    Many thanks
    Sorry for being dim – got a lot to learn!

    #140305
    shixnxgai
    Member

    http://codepen.io/shixnxgai/pen/FyGDq

    Simply, you have only to add this css code

    >div.container {width:auto !important;}

    to this section :D

    ><

    /style>

    #140247
    dutchpuzzle
    Member

    Is that possible with the Headway theme?
    Where do I find

    I’m not sure where to input new code. Do I use the live css editor?

    #140253
    dutchpuzzle
    Member

    Ah, I’ve done it. I just added div.container {width:auto !important;} to the live css editor and it worked immediately.
    Thank you so much!

    #140178
    shixnxgai
    Member

    I’m happy to be of help.
    but, my solution is something like an emergency measure.
    If you have time, Please try @HugoGiraudel’s way and look “CSS Float Theory” up in this page.

    http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Back End’ is closed to new topics and replies.