Adelle: possible to move sidebar to left?

• 

  solidgoldcreativity · Member · Apr 11, 2013 at 3:07 am

  • Copy link
  • Add topic to favorites

  Hi All,

  Just started playing around with Adelle which has some lovely features. I would like to see what it looks like with the sidebar on the left rather than right.

  Is it possible to do this? I have the CSS upgrade.

  Thank you.

  SGC

  The blog I need help with is: (visible only to logged in users)

• 

  justpi · Member · Apr 11, 2013 at 3:15 am

  • Copy link

  Paste this in the CSS editor:

  .content-area {
      float: right;
      margin: 0 2% 1.875em 0;
  }
  .site-main .widget-area {
      float: left;
      margin: 0 0 1.875em 2%;
  }

• 

  thesacredpath · Member · Apr 11, 2013 at 3:16 am

  • Copy link

  This was easier than I thought it would be.

  #primary {
  float: right;
  }
  
  #secondary {
  float: left;
  }

• 

  justpi · Member · Apr 11, 2013 at 3:23 am

  • Copy link

  @Rich: Yeah, it’s easy, but to give it the same look you need to adjust the outside margins as well.

• 

  thesacredpath · Member · Apr 11, 2013 at 3:26 am

  • Copy link

  There is a problem though. The responsive nature of the theme goes thermonuclear because the elements are not where the PHP script files thing they should be.

  I would recommend leaving the sidebar where it is on the right.

• 

  solidgoldcreativity · Member · Apr 11, 2013 at 4:38 am

  • Copy link

  haha, so I take it I shouldn’t take the thermonuclear route? I’ll keep my finger off the button then ;)

  Thanks Richard and justpi.

  SGC

• 

  thesacredpath · Member · Apr 11, 2013 at 5:18 am

  • Copy link

  You are welcome.

• 

  katytynan · Member · May 14, 2013 at 6:27 pm

  • Copy link

  Anyone know how to center things in the sidebar? I think it looks beautiful but the buttons are left justified. The site is http://www.howisthisnormal.com

• 

  designsimply · Member · May 16, 2013 at 1:53 pm

  • Copy link

  Anyone know how to center things in the sidebar?

  To center content inside widgets in the Adelle theme, you can start with a general rule like this that will cover most things:

  .widget {
  	text-align: center;
  }

  But some widget might also have specific rules that are more specific than that one, and in those cases you also need to figure out how the elements inside the widget are setup and add the right CSS to center them. For example, to center the content of the milestone widget in the Adelle theme sidebar, you can add this:

  .milestone-content {
  	margin: 0 auto;
  }

  Aside, to make sure your question is seen, you should create a new help request instead of adding new questions onto old or resolved topics. Once a topic is marked as resolved, it might not get looked at again and could get lost. :)