Support/Polestar Theme/How to remove Header and Footer in pop-up window ?

[Resolved] How to remove Header and Footer in pop-up window ?

Tagged: 

  • Author
    Posts
  • May 13, 2022 at 2:11 pm #16852

    Christophe
    Participant

    Hello, 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:

    Download VC-A Corporate Presentation


    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 Misplon
    Keymaster

    Hi 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

    Christophe
    Participant

    Thank 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 Misplon
    Keymaster

    Hi 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

    Christophe
    Participant

    Hello, 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 Misplon
    Keymaster

    Thanks 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

    Christophe
    Participant

    Hello, that worked !!!
    Thank you very much for your help.

    May 17, 2022 at 8:49 am #16862

    Andrew Misplon
    Keymaster

    Glad to hear you’ve made progress. All the best with your site.

    Cheers for now.

    Andrew

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How to remove Header and Footer in pop-up window ?’ is closed to new replies.

Scroll to top