Moving Sidebar Left to Right

lisaw0203

I used the below CSS,but got this result: http://bfpwishes.com/
What did I do wrong? Many thanks;)

/* Move the sidebar from the left to the right side */

Content {

float: left;
}

Panel {

float: right;
}

R_J

Look at the css of Content and Panel with your browsers developer tools. You will find the following:

#Panel {
    float: right;
}

#Panel {
    width: 200px;
}

#Body .ContentColumn {
    margin: 0 0 0 230px;
}

#Content {
    float: left;
}

So the Panels width is 200px and there is a 230px wide space reserved, on the left of the body. You don't want that.

Add

#Body .ContentColumn {
    margin: 0 230px 0 0;
}

to your custom CSS and simply delete the Content{float:left} part

lisaw0203

Thanks!