Docs

[apadkins]

Hey there, how do I remove the widgetized top footer area from a specific page. For example, I have a contact form and contact information in the footer area that I don’t need showing on the Contact Us page (which has a contact form and contact info in the body of the page).

I tried the following in Custom>CSS in Customizer, but no luck:

/* no top footer on Contact Us */

.page-id-26 .x-colophon top {
display: none !important;
}

Page ID 26 is the correct page id of my Contact Us page. Thanks.

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[apadkins]

The url is http://www.blushschoolofmakeup.edu. Thanks.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-column.x-md.x-1-3:nth-child(1), .x-column.x-md.x-1-3:nth-child(2) {display: none !important    
}

Thanks.

[apadkins]

No luck. The addition of .x-column.x-md.x-1-3:nth-child(1), .x-column.x-md.x-1-3:nth-child(2) {display: none !important
}

in Custom>CSS removes widget column 1 and 2 in the footer area of every page (no effect with or without my original code at the top of the thread). The goal is to just keep the footer area from appearing on the Contact Us page. Help.

Thanks.

[Christopher]

Hi there,

Please add this code:

.page-id-26 footer.x-colophon.top {
    display: none;
}

Hope it helps.

[apadkins]

Homerun!! Thanks, Christopher. The word “footer” made all the difference. 🙂

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts