Hide the sidebar and footer in static pages in artisteer templates
Monday, May 09, 2011 | 
Posted by
ArtisTutor
1. Log in to your dashboard--> Design- -> Edit HTML
2. Search "Ctrl+F" and find </head> and above it add:
<b:if cond='data:blog.pageType == "static_page"'> <style type='text/css'> .art-content-layout .art-sidebar1,.art-footer-body {display:none;} </style> </b:if>
In your template the sidebar and footer may have different name (exemple: art-sidebar; art-footer; content-layout .sidebar1; footer etc) , in this case replace the colored lines with the name find in your template.
Also if you have 2 sidebars in the template just add the name of the second sidebar (exemple: .art-content-layout .art-sidebar2) after .art-content-layout .art-sidebar1 followed by a ","
3. If you want to hide the sidebar and footer only in a specific page replace the orange line in the code with:
<b:if cond='data:blog.pageType == "The_Particular_Page_Url"'>
Replace The_Particular_Page_Url with the url of your static page.
4. Save the template and you're done.
DEMO: See the Forum and Content pages in my site.
Other Tutorials For You To See:
Make dinamic FAQ page with CSS, Jquery and Google Docs
15/05/2011 - 2 Comment
Adding more than 10 static pages to your blog (+ video tutorial)
18/03/2011 - 12 Comment
Adding social networking buttons using CSS3 transform and transitions
02/01/2011 - 2 Comment
How to add an accordion panel to your blogger template
23/12/2010 - 1 Comment
How to split the sidebar in 2 columns
30/11/2010 - 7 Comment
Add excelent HTML5 404 error page to your blog
18/11/2012 - 12 Comment
Get Latest Updates For Free!
Subscribe via Email
15 comments
i changed it with
.art-sidebar2,.art-sidebar1,.art-footer-body {display:none;}
with sidebars ok but footer still displaying.
And something else. How change the width of stic pages?
For the footer to be hiden in version 2.3 templates change in the code:
.art-footer-body
with
.art-Footer
and it should work.
For changing the width of the static page add the next line of code
.art-sheet {width: 450px; float:none; margin: 0 auto !important;}
above:
</style>
change the 450px value with your own one.
I have just made a probe here
http://apopounarxisoume.blogspot.com/
but it does not work, I have two sidebars and if would be possible to hide them on all static pages would be very good also if I can make it only on one.
Thanks
I dont see the code in your template.
It is before the /head
Send me the template.
Ok I have sent it just few seconds before I hove you will recieve it.
In your template I can see that .art-sheet is with "S" not "s" so change in the code :
.art-sheet with .art-Sheet and see if it works.
Here you have the a demo page to see that it's working with bigger sheets
http://tyjuj.blogspot.com/p/static-page.html
What if you just want to hide the "posted on" info in your pages?
Posted on ...or posted by?
it's not working because with art-Sheet changes the width of all contents... Anyway thanks...
i fixed my problem.
The code needed was
.art-contentLayout .art-content {width: 850px; float:center; margin: 0 auto !important;}
for posted by, posted on etc i used
.art-metadata-icons {display:none;}
I have an issue with the footer (only in IE)appearing in the sidebar.
I have 2 WP installations one main and one for the blog and they both have the same issue within IE.
I don't know what to change, where, I wondered if you know / can see what I need to do.
Any help appreciated.
This trick works only in blogger blogs not wordpress.
Click to Add a New Comment
Leave your comment
- If you're asking a question click the Subscribe By Email link, below the comment form, to be notified of replies.
- Do NOT add links to the body of your comment as they will not be published.
- Only the comments posted in ENGLISH will be approved.
- If you have a problem check first the comments , maybe you will find the solution there.