Need help? Check out our Support site, then


Moving sidebar from right side to left (Nishita)

  1. 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

    The blog I need help with is kromanized.com.

  2. 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

  3. 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!

  4. @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.

  5. 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.

  6. 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;
    }
  7. 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.

Topic Closed

This topic has been closed to new replies.

About this Topic