Are you searching whole of the Internet to know how to hide WordPress widgets on 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 WordPress widgets on 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, Here at TemplateToaster WordPress theme builder, 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 hide WordPress widgets on 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 WordPress widgets on page in WordPress.


How to Hide WordPress Widgets on page

If you want to hide WordPress widget on page, 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”.


Hide WordPress Widgets on page by Coding method

Step-by-step tutorial: Hide WordPress widgets 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


display: none;



Hide WordPress Widgets on page easily with TemplateToaster

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 website builder software 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 WordPress Theme Builder.

Related reading: WordPress 101 tutorial

How to check WordPress version

How to find WordPress login url

How to install WordPress

What WordPress theme is that

How to change WordPress language

How to create WordPress custom login page

How to create WordPress theme from scratch

How to fix WordPress page update not working