Hiding footer widgets on a single page

  • Resolved SherreyA

    (@sherreya)


    7 years, 6 months ago

    Site link https://sherreymeyer.com

    I haven’t been able to find a way to hide the footer widgets on a maintenance page I created in Elementor. Elementor includes the necessary html to indicate a 503 Service Temporary Unavailable to search engines status. However, the widget settings don’t include anything that fits this need. Do you have a suggestion for hiding that area?

    FYI, the page is not activated because I’ll only use it in emergencies. Let me know if you need something more.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Sherrey,

    You can do this by using CSS. First, you’ll need to find the ID number of the page. To do this, open the page’s editor and look at the address bar. You should see something like this:

    https://sherreymeyer.com/wp-admin/post.php?post=000000&action=edit

    The zeroes there might be only one number, or several. Just make note of the numbers. Then, you’ll use them in your CSS like this:

    .page-id-000000 .footer-widget-area {
    display: none;
}

    You can paste that into your Appearance > Customize > Additional CSS area to apply the change.

    For example, this would hide the footer widgets on your About page:

    .page-id-25713 .footer-widget-area {
    display: none;
}

    The page ID can also be found using the browser inspector on the page, which is how I found the ID for the about page.

    Since you have Jetpack installed, you can even use its tools to hide widgets on certain pages:

    https://jetpack.com/support/widget-visibility/

    Thread Starter SherreyA

    (@sherreya)

    Hi David and thanks! If you could see me, you’d be witnessing a large smile. Your CSS fix worked perfectly. My page is exactly as I wanted it.

    I’ll mark this issue resolved. Appreciate your help.

    Hi Sherrey. I’m glad I could help! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hiding footer widgets on a single page’ is closed to new replies.