disabe sidebar on specific pages
-
Im a using Spun theme (which I love) and I am wanting to specify which pages will have the sidebar turned on. I found this code online
\<?php // if page has custom field called disableSidebar = true, remove sidebar
$disableSidebar = get_post_meta($post->ID, ‘disableSidebar’, $single = true);
if ($disableSidebar !== ‘true’) { get_sidebar(); }
?>\and then it says to add a new custom field entry for the pages I want to disable the sidebar on… but for some reason it does not work with this theme. Can anyone help with this? I have tried several plugins and they do not work.
-
Hey there MzBeanz,
How are you doing today?
I’m not sure about that one and why it doesn’t work but you could easily remove sidebar from specific pages with CSS and using page ID in the selector so it would target only specific pages.
If you want to do this please post link to your site and let me know which pages you want to remove sidebar from and I’ll be happy to help 🙂
Cheers,
BojanThank you so much Bojan! I am not sure why it didn’t work I tried 3 different ways… the link is this http://www.glassdesignsbyvictoria.com/ I want to disable the sidebar on these pages so the page goes full width (if possible) on ‘About me”, ‘Contact’, ‘Care Guide’, ‘Policies’
I appreciate your time
Maddie
Hey again Maddie,
Thanks for the link, I’ve checked your site and you should be able to achieve that by adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
.page .hentry { width: 100%; } .page-id-50 div#secondary, .page-id-53 div#secondary, .page-id-472 div#secondary, .page-id-476 div#secondary { display: none; } .page-id-50 div#primary, .page-id-53 div#primary, .page-id-472 div#primary, .page-id-476 div#primary { width: 100%; }This will remove the sidebar and make the page full width for those pages you mentioned above. In case you want to add it to another page just add a comma and another selector with different page ID, to check that you can simply right click and then click on inspect element (on Chrome) and check for page ID in the body element, see screenshot http://screencast.com/t/aedhLJRx.
Hope this helps 🙂
Cheers,
BojanThank you for your help! I will give it a whirl!
Glad I could help 🙂 Please let me know how that goes.
Cheers,
BojanIt worked! You are amazing thank you so much!
The topic ‘disabe sidebar on specific pages’ is closed to new replies.
