Remove sidebar from all the template

Hey there kadugaspar,

How are you doing today?

For pages you can simply select full width template when creating / editing pages. As for posts and other you can remove them with some custom CSS. Please add the following CSS code in Appearance >> ALBAR Settings >> Styling Settings >> Custom CSS:

.woocommerce-page .content-area, .archive .content-area, .single .content-area, .search .content-area, .page-template-template-right-nav-sidebar-php .content-area, .page-template-default .content-area {
width: 100%;
}

div#secondary {
display: none;
}

This should remove the sidebar and display content in full width.

Hope this helps ??

Cheers,
Bojan

Hi Bojan,

I am trying to do the same thing as kadugaspar. When I enter the code, it removes the sidebar and makes the width just about 100%, but there is still the vertical line that separates the main page from the sidebar. The result is two vertical sidebars close together. How can I remove this extra vertical line?

I tried this code in two places, the style.css of my child theme as well as were you said in the custom css. Both resulted in the same result. Any help would be appreciated.

Thank you!

Hey there dchap18,

I’ve tested the code in my installation and this is the result https://screencast.com/t/FY2sdXqkFo. I’m not being able to see what you’re referring to.

Could you please add the code and post a link to the page/post where this is happening so I can take a look?

Best regards,
Bojan

Bojan,

Thank you for the reply. I have the code added into Custom CSS. I am having problems on my product detail pages.

https://www.medricks.com/?product=handwarmer

Dave

Hey again Dave,

Please try adding he following CSS code in Appearance >> ALBAR Settings >> Styling Settings >> Custom CSS:

.woocommerce #content {
padding: 0;
}

This should remove the line from your woocommerce pages.

Hope this helps ??

Best regards,
Bojan

Bojan,

That worked perfectly. Thank you so much for all your help!

Dave

Glad I could help ??

Cheers,
Bojan

Thanks for the help Bojan ??

Hi Kaira and Bojan,

I followed your steps and put the following code into my child’s stylesheet:

.woocommerce-page .content-area, .archive .content-area, .single .content-area, .search .content-area, .page-template-template-right-nav-sidebar-php .content-area, .page-template-default .content-area {
width: 100%;
}

div#secondary {
display: none;
}

.woocommerce #content {
padding: 0;
}

However, the sidebar doesn’t seem to move from my woocommerce product pages
https://www.tiikoni.com/tis/view/?id=195c845 I am using a booking system extension and followed the steps to link it to woocommerce: https://envato-help.dotonpaper.net/booking-system-wordpress-plugin/woocommerce I am not sure if this has anything to do with the code not working but disabling the booking plugin didn’t help either.

Could you help me with this please? Are there any alternatives? Unfortunately since I am currently doing trials the site is in my localhost so I can’t share the link :S

Thanks!

Hey there WPNewbie9090,

If these are woocommerce product pages then the code should work. Maybe there is an issue with styles in your child theme. Could you please try using custom CSS tab which is provided in the theme which was mentioned above?

If that doesn’t work this is most likely an issue with the selectors which is unfortunately almost impossible for me to tell unless being able to inspect it on your site.

Hope this helps ??

Best regards,
Bojan