Align sidebar right

• 

  awaywiththespoons · Member · Dec 25, 2014 at 5:17 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I have been playing around with moving my widget area, and so far used this:

  /*moving the widget area*/
  #page {
  	position: relative;
  }
  
  #text-7 {
  	position: fixed !important;
  	top: 290px !important;
  	left: 0 !important;
  	width: 20%;
  }
  
  #recent-posts-5 {
  	position: fixed;
  	top: 480px;
  	left: 0 !important;
  	width: 20% !important;
  }

  The only problem is it is all fixed to the left of the browser. Is there a way of moving it to align to the right -to sit under the logo?

  thank you!

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

• 

  timethief · Member · Dec 26, 2014 at 9:25 pm

  • Copy link

  Is this a duplicate of https://en.forums.wordpress.com/topic/moving-widget-area?replies=8#post-2183603?

• 

  staff-happychia · Staff · Dec 26, 2014 at 9:48 pm

  • Copy link

  @ awaywiththespoons

  Give some space to the left. Left is set to 0 in all the rules. Specify some non zero value to the left and the widgets move to the right.

• 

  awaywiththespoons · Member · Dec 27, 2014 at 6:33 am

  • Copy link

  @timethief not a duplicate

  staff-happychia thanks, but that was the first thing I tried.

  Adding a pixel value does not work -instead it moves the whole thing inline with the post content. There is no in between: either it is at edge of browser or at edge of post content no matter what value you add.

  so close but so far!