- This topic has 14 replies, 4 voices, and was last updated 7 years, 3 months ago by
.
Hello again
I am struggling to find a way to remove sidebar from all parts of the site – https://www.gooodgoodgod.com/
I have been able to remove the sidebar from all posts and pages, but when I go to specific categories I am asked to “pleaase assign your widgets” as seen in the attached image. Any suggestions?
Fi
Solution for this topic
Hi Fi,
I hope you are well today and thank you for your question.
You can remove it from those pages by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.archive #content, .blog #content { width: 100%; padding: 0; } .archive #sidebar, .blog #sidebar { display: none; }Best regards,
Shufflehound teamRecolved. Thank you
You are most welcome here 🙂
When I use this code, it removes the sidebar from Category pages but leaves the white space. How do I remove the sidebar such that the area is populated full width style …… ie: I want three columns of post excerpts/cards and not two plus a blank space ?
Could you please share me the page URL from your site where it is displaying so that i can help you to achieve it?
Added URL to private area.
To make it work on your site please try using below custom CSS code instead of above.
.archive #content, .blog #content { width: 100% !important; padding: 0 !important; } .archive #sidebar, .blog #sidebar { display: none !important; }We are getting there …… that CSS has removed the empty space and I now have full width content BUT it has stretched two columns across the page rather than the three columns I have on the home page.
How do I make it display three columns rather than two ?
The same for me, i would like to create 3 columns for category pages but there’re just two columns shown up.
Solution for this topic
You can display three columns on category pages by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.archive.category .content-with-sidebar-right .blog-style-grid article { width: 33.3%; }Great job – worked perfectly – thank you !
You are always welcome here 🙂
I’ve just noticed that the SEARCH RESULTS page still has a sidebar.
Is there some CSS code that will remove that sidebar and serve up three columns as per the above for category pages ?
URL in Private Area if you need it.
Please try using below custom CSS code to make it full width.
body.search #sidebar { display: none; } body.search #content { width: 100%; } body.search #page-container .content-with-sidebar-left .blog-style-masonry article, body.search #page-container .content-with-sidebar-right .blog-style-masonry article { width: 49%; }If you have any more questions then to help us keep support thread separates could you please create your own thread for your question instead of replying on others thread as it makes the thread messy and hard to read.
If you want to you can also add reference of this thread in your newly created thread.
We would be more than happy to help you on your new thread.
