Remove sidebar and extend the content to full width for one page only

This topic has 7 replies, 3 voices, and was last updated 8 years, 7 months ago by Hash.

Viewing 8 posts - 1 through 8 (of 8 total)

Author
Posts
April 30, 2016 at 9:24 pm #332
Joshua Tam
Participant
How can I remove the right sidebar and extend the content to full width for one particular page only? I manage to remove the right sidebar by adding the following php code into singlepage.php template. However, I’m having hard time extending the content to full width. Could you provide me the css code?
<?php if ( !( is_page(‘4201’) ) ) { ?>
<?php get_sidebar(); ?>
<?php } ?>
April 30, 2016 at 10:28 pm #333
Hash
Keymaster
Hi,
The theme has default feature to remove the sidebar.
You should find this option below each page and post.
May 1, 2016 at 9:04 pm #337
Joshua Tam
Participant
I only see the sidebar layout option below each post but not page. Is there any way to fix the problem mentioned previously?
May 1, 2016 at 11:37 pm #339
Hash
Keymaster
The sidebar layout option should be visible in pages as well unless there is some code removing it.
Your code is correct to remove the sidebar from a single unique page. But there should be proper css as well. Assuming that you page id is 4201, here is the CSS code.
.page-id-41-4201 #primary{float:none; width:auto;}
May 6, 2016 at 4:13 pm #342
Refleksus
Participant
Why doesnt the option “sidebar layout” remove the sidebar in the “about us section” on the homepage? the layout stays on the “left side + right sidebar” like u can see here thats my about us section on the front page (http://imagizer.imageshack.com/img923/6027/8Yupkv.png) on the other subsites where i only got some text it work perfectly tho
May 6, 2016 at 9:17 pm #343
Hash
Keymaster
Hi,
This sidebar layout does not work with the home page about us section. This only work in the detail page.
Here is the CSS if you want to make the about us section full width.
```
.sq-about-sec{width:auto: float:none;}
.sq-image-stack{display:none;}
```
May 7, 2016 at 6:41 pm #348
Refleksus
Participant
doesnt work somehow i replaced that code in the style.css as u can see here (http://imagizer.imageshack.com/img921/6950/2iv8Kq.png) but its not working somehow
May 7, 2016 at 8:59 pm #349
Hash
Keymaster
You should add it at the bottom of the file. It should work fine.
Author
Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.