CSS for moving Sidebar Widgets

• 

  ktanguyen · Member · Oct 21, 2014 at 1:42 am

  • Copy link
  • Add topic to favorites

  Hello, I am using the custom design Academica theme. Is there a CSS code to move the ‘Sidebar: Archive Pages’ widget to the right side from the left? I would like to do so on this page: http://theglenviewproject.wordpress.com/category/news/

  Many thanks!

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

• 

  thesacredpath · Member · Oct 21, 2014 at 10:08 pm

  • Copy link

  Hi there, what we can do is to use the unique category CSS class found in the opening body selector of that page to specifically target that page, leaving all others as they are. Add this to your custom CSS.

  .category-103 .column-narrow {
      float: right;
      margin-right: 0;
      margin-left: 30px;
  }
  .category-103 .column-content {
      float: left;
  }

  The above floats the left narrow column to the right and the content column to the left. The 30px of right margin on the narrow column is then moved to the left of the narrow column to maintain the same spacing between.

• 

  ktanguyen · Member · Oct 22, 2014 at 4:22 am

  • Copy link

  Thank you so much! That did the trick. I really appreciate your help on this. I also really appreciate all of the other forums you have shared your expertise in. I have found all of your assistance SUPER helpful :)