You basically have your blog and the overall layout you chose, that has one or two sidebars. But for the Pages you create, you do not want the sidebars to show…how can you do this? Copy and paste code in the HTML view that will essentially "hide" the sidebar(s).
My example: https://www.blogsbyheather.com/page-without-sidebars.html
Here are the 4 sets of code to choose from…again, depending if you have 1 sidebar (considered a Two Column blog) or 2 sidebars (considered a Three Column blog).
Just copy and paste the code (that suits your blog layout) at the top of your page (in HTML view, not Rich Text view).
Need Help Deciding Which Code to Use?
Then simply comment or email me with your blog's URL and I'll let you know 😀
Create a Page Without Sidebars
After selecting the code which applies to your layout, you'll want to add the code to your Page. It is best if you finish writing the page before adding the code, because once the code is added, you will not be able to work in Rich Text mode. (TypePad, Create a Page For Your Blog Without Sidebars)
Two Column (Right)
<style>
.layout-two-column-right #alpha { width: 100%; }
#beta { display: none; }
</style>Two Column (Left)
<style>
#alpha { display: none; }
.layout-two-column-left #beta { width: 100%; }
</style>Three Column (Right)
<style>
.layout-three-column-right #alpha { width: 100%; }
#beta { display: none; }
#gamma { display: none; }
</style>Three Column
<style>
#alpha { display: none; }
.layout-three-column #beta { width: 100%; }
#gamma { display: none; }
</style>
The code I used because I have a sidebar on each side (one on the left, one on the right):
<style>
.layout-three-column #alpha { display: none; }
#beta { width: 100%; }
#gamma { display: none; }
</style>
Wishing you continued success!
Heather 😀
Heather Wright-Porto
Author, Blogs By Heather
Partner, Stamping And Blogging
Buy a Domain | WordPress Hosting | Book Your Blog Setup & Design | Sign Up for Site Maintenance