WordPress.org

Ready to get started?Download WordPress

Forums

How to move sidebar from right to left side? (7 posts)

  1. JG99
    Member
    Posted 2 years ago #

    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.

  2. david.bailey
    Member
    Posted 2 years ago #

    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.

  3. JG99
    Member
    Posted 2 years ago #

    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?

  4. david.bailey
    Member
    Posted 2 years ago #

    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.

  5. JG99
    Member
    Posted 2 years ago #

    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!

  6. JG99
    Member
    Posted 2 years ago #

    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?

  7. jiffyjack
    Blocked
    Posted 2 years ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Topic