Moving sidebar distorts custom css

ariannasrandomthoughts · Member · Jan 22, 2014 at 11:30 pm
Copy link

Add topic to favorites
Hi,

I want to move the sidebar from the left side where it is currently to the right side as I heard where they should be placed. The problem is if I switch it, the custom widgets (the signup, search, and social media buttons) that I have over the header get mixed up too? I want the widgets to stay in the same order they are now. I just want sidebar to move from left to right. I would appreciate your help.

Thanks so much!

The blog I need help with is: (visible only to logged in users)
hfzrhmn · Member · Jan 22, 2014 at 11:55 pm
Copy link
Hi,

if you add this custom CSS, it should switch the sidebar and main content without messing up the Subscribe to Blog button’s location on header.
```
.col-2-right #main-content {
	float: left;
}
.col-2-right #secondary, .col-2-right #tertiary {
	float: right;
}
.widget-area #blog_subscription-4 {
	left: 25px;
}
```
justpi · Member · Jan 23, 2014 at 12:07 am
Copy link
@hfzrhmn: You don’t need any CSS to move the sidebar on Adventure Journal. It’s a built-in option (in Appearance > Theme Options).

@ariannasrandomthoughts: No, they won’t move. Your custom CSS positions those widgets at fixed distances from the top left corner of the container of the theme, so it makes no difference where the widgets were at first or where the sidebar is.
justpi · Member · Jan 23, 2014 at 1:38 am
Copy link
@ariannasrandomthoughts: Sorry, my previous reply should read “top right”, and it applies to the right-side widgets. I didn’t notice that the left-side one is missing the horizontal positioning, so it will move. Locate this:
```
.widget-area #blog_subscription-4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    position: absolute;
    top: 0;
    width: 37%;
}
```
and add this to it:
left: 5px;
ariannasrandomthoughts · Member · Jan 24, 2014 at 7:19 am
Copy link
Thanks so much! All fixed – you both are allstars!

No items found.