WordPress.com Forums » Topic: Moving sidebar from right side to left (Nishita)

designsimply on "Moving sidebar from right side to left (Nishita)"

designsimply — Thu, 14 Feb 2013 01:44:09 +0000

http://usfwsnortheasttest.wordpress.com/ is currently using the Titan theme, so the CSS would be different.

This is an example to give you an idea for how it would work in the Titan theme.

#sidebar {
	float: left;
}

#content {
	float: right;
}

Note that Titan displays the post date in a space to the left of posts and you might also consider editing how those look if you move forward with Titan. If you still have questions, please make a new help request that's separate for which ever theme you're working on.

designsimply on "Moving sidebar from right side to left (Nishita)"

designsimply — Thu, 14 Feb 2013 01:39:37 +0000

To swap the main content area and the sidebar in the Nishita theme, add this to your Appearance → Custom Design → CSS editor:

#sidebar {
	float: left;
}
.archive-wrapper,
.index-wrapper {
	float: right;
}

thesacredpath on "Moving sidebar from right side to left (Nishita)"

thesacredpath — Thu, 31 Jan 2013 03:39:59 +0000

One note I'll add is that if you put the second sidebar up on the right or left, the main content area will have to be reduced in width since there is an overall container holding all the site HTML elements, and it is already at 1056px in width, which is about the widest you would want to go given there are still a good number of people worldwide on 1024px wide monitors.

thesacredpath on "Moving sidebar from right side to left (Nishita)"

thesacredpath — Thu, 31 Jan 2013 03:36:33 +0000

@usfwsnortheastblog and @ikkixobg, there is only a right sidebar showing in the Nishita theme options, and you cannot add things that are not there. In some themes, you can move one of the footer sidebars up and into place on the right or the left, but with the way the XHTML is structured in this theme, this could be problematic. It's getting late, but I'll take a look at this on Thursday when I get the chance and see if I can do it or not.

usfwsnortheastblog on "Moving sidebar from right side to left (Nishita)"

usfwsnortheastblog — Wed, 30 Jan 2013 22:43:32 +0000

Hi nikkixobg - Did you figure this out? I'm having the same issue at usfwsnortheasttest.wordpress.com. I am hoping to have two sidebars on the right side of the main content column, but the option only allows one sidebar on each side. I want to adapt the CSS code to make this work. Thanks!

nikkixobg on "Moving sidebar from right side to left (Nishita)"

nikkixobg — Sat, 19 Jan 2013 05:25:06 +0000

Just as an addition, would it be possible for me to move it all the way to the left and widen post area to where right sidebar is right now?

-Nik

nikkixobg on "Moving sidebar from right side to left (Nishita)"

nikkixobg — Sat, 19 Jan 2013 05:22:25 +0000

Would it be possible to move my sidebar from right to left with a CSS code in Nishita? I'm a noob at CSS coding, so if someone can help me, it would be greatly appreciated.

Nik