Hide WordPress widgets on specific page

Are you searching whole of the Internet to know how to hide WordPress widgets on specific page? Let’s find some reliable and easy methods to get you out of this trouble.

This article will discuss the different ways to remove the WordPress widgets from a specific page will be discussed. We attempt to move a step ahead (as we did in How to remove sidebar) to come up with a tested and trusted method to remove widgets.

But first, let’s discuss why we need to remove widgets from a WordPress site.

 

Why Remove/Hide WordPress Widgets on specific page?

In WordPress, you can add any functionality with help of a widget to your website. A widget could be a calendar, search, tag cloud, recent posts or anything. A few number of widgets are already available in WordPress. You can find these in Appearance → Widgets.

You can add, rearrange or remove it quite easily. Now the question arises – why to remove WordPress widgets on specific page?

Usually, when you install a theme, it has several widgets like recent posts, tag cloud, search etc. This will be a familiar situation for a professional but to a beginner, it could be little confusing. In some situations, widgets look overdone.

It’s wise to keep the widgets that show the related content only. Unnecessary widgets just distract the viewers. Even a plain page looks nice !!

So let us see how to remove/hide widgets from a specific page in WordPress.

 

How to Hide WordPress Widgets on specific page:

If you want to hide any widget from a specific page in WordPress, first you have to capture its “id”. Suppose, you want to remove a “Search” widget from “twenty seventeen” theme.

 

Locate Widget id with Firebug:

You can make use of “Firebug” tool to locate the “id” of the widget. Here the id of the widget is widget.widget_search”. And we will get the class name of the page from where we want to remove the widget. Let’s assume, you choose the single page and the class is “single”.

 

Step-by-step tutorial: By Coding Method

You can use coding to hide a WordPress widget from a specific page. Here the page is “single” post page and widget is “search widget”. You will write the coding in CSS.

Appearance → Customize → Additional CSS

 

.single
.widget.widget_search
{
display: none;
}

 

 

TemplateToaster Simplifies the Process and How?

This task is quite simpler in TemplateToaster. It involved No coding at all. When you export a TemplateToaster built theme in WordPress, you will get all the relevant options. These help you to hide/show the widgets in Appearance section only. You can hide any widget as options are available for each and every widget.

Simply, you will see the list of all the widget positions. Along with the list of all the web pages in the website in the Appearance section of the dashboard. This will work out for all the Desktop, Mobile and Tablet views.

Appearance → Widgets

Just check the page, under the widget from where you want to remove the widget as shown below. That’s it !!

The resultant page will look like this:

 

In Essence:

Sometimes it’s better to keep a simple look for your website. It’s worthy to remove unused and unwanted elements from the specific web pages.Removing a widget involves some coding. But with TemplateToaster this task becomes a kid’s play with “single-click”. It provides extra functionality in WordPress to remove or add the widgets on desired locations. So why to bear the coding overheads. Just go with the simple and effective approach of TemplateToaster theme design software.