Move sidebar in custom theme writr from left to right

daysofourlivesinfo · Member · Dec 4, 2013 at 3:40 am
Copy link

Add topic to favorites
Can someone give me the exact steps to move the sidebar from left to right using the writr theme? I’ve tried some of the other suggestions on this blog and no go.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Dec 7, 2013 at 3:35 am
Copy link
Hi there, give this a try and see what you think. Since we have to use position: absolute; to move the sidebar widget area, this means it will not float and adjust position with changes to the header, so if you add or take things away from the header/menu, you will need to adjust the “top” value in the last rule below to get proper spacing. The 270px value is just a placeholder and you will have to adjust that for your site.
```
.site-header, .site-footer {
    float: right;
}
body:after {
    left: 640px;
    width: 300px;
}
#page:before {
    left: 100px;
}
.widget-area {
    position: absolute;
    right: 0;
    top: 270px;
}
```
mrskatystacy · Member · Dec 8, 2013 at 6:10 pm
Copy link
I’m trying to do the same thing on my page, except to move one of the widget columns to the far left of the page (so that my posts are between two widget columns). I’d like the column that starts with the ‘follow’ widget to be on the left of the page.

My theme is Stay, and I couldn’t get your code to work in my CSS.

Any ideas/help?

Thanks!

http://mrskatystacy.com/blog-2/
designsimply · Member · Dec 8, 2013 at 6:19 pm
Copy link
CSS is theme-specific, so CSS written for one theme won’t work in another, and the example from above was made for the Writr theme.

For the Stay theme, here’s an example to get you started:
```
.three-column #secondary {
	position: absolute;
	margin-left: 0px;
}

.three-column #primary {
	margin-left: 280px;
}
```
If you need further help after that, please start a separate help request that’s just about the Stay theme.

No items found.