I love the Chaoticsoul theme, but I need to move the sidebar from the right side of the page to the left side. I looked through the style, template, and theme files, but the sidebar reference in the style.css file (starting at line 81) is the only palce where it seemed like I could accomplish my task:
#content, #sidebar {
border-left: 1px solid #363430;
border-right: 1px solid #363430;
padding: 0 10px;
}
#content { float: left; font-size: 1.1em; width: 617px; }
#content h2 { margin: 0 0 10px; }
#content p { line-height: 1.5em; }
#sidebar { border-left: 0; float: right; width: 200px; }
#sidebar h3 { color: #bd934f; margin: 15px 0 5px; font-variant: small-caps; font-size: 1.1em; }
#sidebar ul { margin: 0 0 10px; padding: 0; border-top: 1px solid #363430; border-bottom: 1px solid #363430; }
#sidebar li { display: block; padding: 4px 10px; background: #22201d; margin: 1px 0; }
#sidebar li:hover { background: #363430; }
I thought it would be as easy as changing the "float: right" to "float: left", but no luck. I searched around this forum and even checked other templates to get ideas to solve this, but I can't seem to find a solution. Any suggestions would be appreciated.
You need to set the sidebar to float left and the content to float right. You'll also need to flip the background image.
Perfect. Thank you very much!