Support » Themes and Templates » How to move sidebar from right to left side?

  • Hello, I am using the Colorway theme and would like to move the sidebar from the right to the left side. Would greatly appreciate the help, here is the CSS.

Viewing 6 replies - 1 through 6 (of 6 total)
  • There is a stylesheet called 960_24_col.css located somewhere in the theme. On line 54, there’s an entry that reads:

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;

    I would just change the float to right.

    david, thank you very much for your reply. I did as you said, and the sidebar is now on the left! That is the good news – the bad news is that the items in the sidebar now appear below the post itself (at the bottom of the page).

    So there must be another small change to the CSS needed?

    I tested that using firebug and on chrome on the Colorway preview here and it seemed to work. Look through the css there and see if there’s anything missing or added there. Judging by the issue, it might have something to do with the display:inline but I’m not sure. Try playing around with it and see if it helps.

    david, I really appreciate your help. This theme allows sidebar widgets, and as I said, they are ending up down at the bottom after making this change. I will play around with it as you say, and let you know how it goes. Kindly check back here in 24 hours or so if you can and I’ll be sure to post an update.

    Can’t thank you enough for your kind attention, david!

    david, if you are still around, I got this from the developers of the theme:

    We have used 960 Grid System in building the Themes, so when you want to flip the content, you might require to change the alpha and omega classes in the sidebar and content div.

    Actually the process is a bit complex, there are lots of customization that would be involved in the HTML & PHP code in several files including single.php, blog.php, page.php etc and the style.css file as well. I suggest the best way for you would be to hire freelancer to accomplish that task.

    But I feel like I am really close! Can you provide any more help?

    Have you tried just physically forcing a hard space in the text widget in the footer? Something like   in the text field in all the left widgets and then just put your content in the right. Or is this one of those Hebrew/MiddleEastern languages where everything is printing right to left and it’s not just a visual preference?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to move sidebar from right to left side?’ is closed to new replies.