Fashion | Beauty | Life | Design

Wednesday, July 6, 2016

Blog Tips | Removing Sidebar From Pages


I had posted this same post a while back, but I wanted to re-publish it since it just go lost in the other millions of other posts I have done.
Today I am going to show you guys how to remove your sidebar from your Pages. So if your on your blog and click on your pages they will only have your content for that page and thats it. No sidebar to make it look like another post( Thats what I felt they looked liked).

My blog actually has this code in place, so if you click on any of the pages, there will be no sidebar and the content on the pages is centered. ( Go click any page to see what it looks like). 

  1. Go Dashboard > Design > Edit HTML.
  2. Back Up Your Template!!
  3. Find this code in your template HTML:
 <body> - If you are using Layout Templates  
                                       OR
 <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> if you are using Designer template.

     4.  Once you find that, copy the code below right AFTER/BELOW the code you found in Step 3:


<!-- PAGES CODE STARTS HERE-->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.blog-pager, .footer, .post-footer, .feed-links, .sidebar { display:none !important;}
#main-wrapper {width: 95%; float:none; margin: 0 auto !important;}
.main-inner .columns {width: 100%;padding-left:0 !important;padding-right:0 !important;}
</style></b:if>
<!-- PAGES CODE ENDS HERE -->


5. Save it, and test it out! 


Note: If it doesn't look well try removing this part of the code:

.main-inner .columns {width: 100%;padding-left:0 !important;padding-right:0 !important;}

That part of the code is only if you are using a Designer Template. (Mine has that bit of code attached to it still). 




SHARE:

No comments

Post a Comment

Blogger Template Created by pipdig