CSS to move right sidebar to left side of content.

• 

  prettyloved · Member · Dec 23, 2014 at 10:01 pm

  • Copy link
  • Add topic to favorites

  I am trying to move my right sidebar to the left side of my content but don’t know the proper css. My theme is the Healthy Living theme. Is it possible to switch these around? Thanks!

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

• 

  thesacredpath · Member · Dec 23, 2014 at 10:22 pm

  • Copy link

  Hi there, modify the #primary and #secondary rules you have not to where they look like this.

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

• 

  prettyloved · Member · Dec 24, 2014 at 1:32 am

  • Copy link

  Thank you so much!! That did the trick. So, now that I’ve got them switched around is it possible to have a 4% margin on either side now?

• 

  thesacredpath · Member · Dec 26, 2014 at 6:01 pm

  • Copy link

  On the margins, try the following. It gives the header and content area the same overall width and a 4% margin left and right.

  .site {
      margin-left: 4%;
      margin-right: 4%;
  }
  .site-header {
      padding-left: 0;
      padding-right: 0;
  }

• 

  prettyloved · Member · Dec 26, 2014 at 7:16 pm

  • Copy link

  Thanks so much. Really appreciate it!

• 

  thesacredpath · Member · Dec 26, 2014 at 11:01 pm

  • Copy link

  You are welcome.