Showcase page- change side bar to the right?

• 

  foodiesagenda · Member · Aug 21, 2013 at 12:59 am

  • Copy link
  • Add topic to favorites

  Hello,

  Someone has tried to help me with this but we’ve had no luck so far. I’ve changed my front page to the Showcase template, however the sidebar is positioned on the left and I would really like this on the right. Is there anyway of changing this in the CSS? I’ve upgraded to use this but not confident in writing codes.

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

• 

  rachelmcr · Member · Aug 21, 2013 at 10:17 am

  • Copy link

  Hi there,

  You can indeed switch the sidebar and the content with Custom CSS, so that the sidebar is positioned on the right.

  To add CSS code to your site, go to Appearance > Customize in your dashboard and select CSS from the Customize tools. In the CSS editor, you can enter the following CSS:

  .page-template-showcase-php section.recent-posts {
  	float: left;
  	margin: 0 31% 0 0;
  }
  
  .page-template-showcase-php #main .widget-area {
  	float: right;
  	margin: 0 0 0 -22.15%;
  }

  Please let me know how that works for you! :)

  If you’d like more help using CSS on your site, most of our CSS support is done by both staff and volunteers in the CSS Customization forum at this link:
  https://en.forums.wordpress.com/forum/css-customization

  You can also learn more about using custom CSS here:

  • Editing CSS
  • CSS Basics
• 

  foodiesagenda · Member · Aug 22, 2013 at 2:01 am

  • Copy link

  Yes it did work! Thankyou so so much. I really appreciate it.

• 

  rachelmcr · Member · Aug 22, 2013 at 9:02 am

  • Copy link

  I’m so glad it worked for you! Your site looks great, and the recipes look even better. :) Happy blogging!