Georgia Lou Studios

Welcome to the Help Center!

Remove Right Sidebar and Center Blog Content

Follow

The No Sidebar blog is a bit of a trend these days. While many of our customers still prefer a blog with a sidebar, some have expressed an interest in using our Blogger templates without the right sidebar.

This tutorial offers instructions on how to “remove” the right sidebar and center the blog content area for the following Blogger templates:

  • Jolie
  • Felicity
  • Sophie
  • Kiersten
  • Phoebe
  • Heyden
  • Justine
  • Victoria
  • Peyton

“Remove” Sidebar

  1. Log in to Blogger Dashboard and navigate to the Theme page
  2. Click on the orange Customize button.
  3. The Theme Designer will open. Click on the Advanced link.
  4. Scroll down the list of options until you find the Add CSS option panel. Click on Add CSS.
  5. The Add CSS code window will open.
  6. Copy and paste the following code into the window:

#sidebar-wrapper {display: none;}
.content-blog {padding-right: 0;}
.content-main {margin: 0 auto;}
#content {padding-right: 0 !important;}

7. Click the orange Apply to blog button.

The blog content area will now take up the entire content area. To adjust the width, use the Adjust Width section of the template designer.

Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk