- This topic has 7 replies, 2 voices, and was last updated 2 years, 4 months ago by Andrew Misplon.
- AuthorPosts
- May 13, 2022 at 2:11 pm #16852
ChristopheParticipantHello, I have created a form to prompt for user contact details before downloading the corporate presentation. The form is embedded into a Polestar-Child page:
I have set the Page Layout to “No sidebar” to remove the sidebar.I would also want to remove the header, the menu and the footer, and just leave the Form to stop users from navigating inside the pop-window (I am calling pop-up from the Menu: “Services -> Download Corporate Presentation”.
How can I create a blank page in WordPress without inheriting the attributes of Polestar-Child ?
May 13, 2022 at 4:50 pm #16853
Andrew MisplonKeymasterHi Christophe
Thanks for reaching out.
You can hide the header and footer with the following:
.page-id-4726 .site-header { display: none; } .page-id-4726 .site-footer { display: none; }
May 14, 2022 at 9:43 am #16854
ChristopheParticipantThank you but where shall I paste that code? At the moment, in my Page, I only have on line with the shortcode:
[email-download download_id=”5008” contact_form_id=”5006”]
I have tried pasting there, but it either displays the text, or, if i use and HTML block, the short code stops working.
May 14, 2022 at 10:40 am #16855
Andrew MisplonKeymasterHi Christophe
Thanks for your reply.
If you’re using SiteOrigin CSS you can insert the above CSS rules at Appearance > Custom CSS. Alternatively, you can use the core WordPress Custom CSS field located at Appearance > Customize > Additional CSS.
May 14, 2022 at 12:58 pm #16856
ChristopheParticipantHello, thank you for your quick response.
SiteOrigin seems to be incompatible with the “email-download” shortcode, however, I used the core WP Custom CSS and it removed the content of the header and the footer, but did not remove the place holder. You should be able to see it if you go to http://www.vc-alternative.com menu “Services -> Download Corporate Presentation”.
Is there a way to remove the empty space at the top of the window? (the one at the bottom is filled once you click on the button, so it is not so important).
May 14, 2022 at 5:58 pm #16857
Andrew MisplonKeymasterThanks for the update.
You can try replacing the first rule, the rule for the header, with the following:
.page-id-4726 #masthead, .page-id-4726 .masthead-sentinel { display: none; } .page-id-4726 .site-content { padding-top: 20px; }
May 16, 2022 at 5:52 pm #16859
ChristopheParticipantHello, that worked !!!
Thank you very much for your help.May 17, 2022 at 8:49 am #16862
Andrew MisplonKeymasterGlad to hear you’ve made progress. All the best with your site.
Cheers for now.
Andrew
- AuthorPosts
The topic ‘How to remove Header and Footer in pop-up window ?’ is closed to new replies.