WordPress.org

Forums

Simple sidebar movement question (default theme) (4 posts)

  1. LordJezo
    Member
    Posted 10 years ago #

    Well I am attempting to switch my site (http://www.78west.com/) to the WordPress tool and lucky for me I know nothing at all about CSS so this is going to be a long project.

    Anyway, right now I have the very very basics set up (http://www.78west.com/wordpress) and have my first question (I tried searching so sorry if this has already been asked). How do I move that sidebar from the right hand side of the screen to the left hand side of the screen? That's it, just a simple move what I have now from one side of the screen to the other. I have tried looking around all those template files but so far nothing.

    Thanks for any help!

  2. Rundy
    Member
    Posted 10 years ago #

    This is what worked for me:

    In the "/* Begin Structure */" section of your theme css file change

    .narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

    to

    .narrowcolumn {
    float: right;
    padding: 0 0 20px 45px;
    margin: 0px 0 0;
    width: 450px;
    }

    Also in the "/* Begin Sidebar */" section of the css I change

    #sidebar
    {
    padding: 20px 0 10px 0;
    margin-left: 545px;
    width: 190px;
    }

    to

    #sidebar
    {
    padding: 20px 0 10px 0;
    margin-left: 15px;
    width: 190px;
    }

    This should move your side bar from right to left. However, there are three things you should be aware of.

    (1) If you don't have file permissions set correctly on the css file you won't be able to save any changes from the WordPress editor.

    Myself, I find it easiest to edit a copy on my computer with my favored text editor and upload the changed copy via ftp.

    (2) There is a background image which creates the gray block behind your side bar. It won't move over to the other side of your screen when you edit the css as I instructed. If you want to move the block you need to edit the image file.

    (3) Generally it is advisable to make a duplicate copy of the theme and edit the copy. That way if you muck something up you still have the original. Of course, you can always download a fresh copy of the theme so that isn't a really big deal.

    Also, you might want the default all side bar theme. Do a search on the forum and you should find a link to it. I consider it a slightly more refined version of Kubrick.

    Hope that helps

  3. jacobjmorris
    Member
    Posted 9 years ago #

    Okay, I've moved my content over to the left, but I still don't understand #2, how to move the image file over. Seems like this would have been taken care of with the css.

  4. moshu
    Member
    Posted 9 years ago #

    LOL, when a new WP user asks a "simple" question, be sure it will be the most complicated on that day :)
    here is your background image:
    http://www.jacobjmorris.com/wp-content/themes/default/images/kubrickbg.jpg
    Unless you make another one that has the grey area on the left... nothing will happen.

Topic Closed

This topic has been closed to new replies.

About this Topic