How to create a full screen div

[kyle]

Hello, Im trying to create a div that is full screen but I can’t do this because the div sits inside of the container div.

What I would like to create is a div that sits on top of the footer on each page. I’ve managed to create this by adding it to the page.php file but I can’t get it to fill the screen.

http://drinkpurewater.org/is-drinking-tap-water-safe/what-are-the-dangers-of-fluoridated-water

take a look

Is there a way that I can bypass this or sit the div outside of the container somehow.

[Tom]

Hi there,

Do you have GP Hooks? If so, try adding your code to the “Before Footer” hook.

This way you won’t have to edit core files as well.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[kyle]

Thanks I’ve purchased the add on and it’s working perfectly 🙂

Is there a way I can get it to only display on certain pages?

[Tom]

You can use PHP like this:

<?php if ( is_page( array( 4, 7, 9, 20, 55 ) ) ) : ?>
    Your code in here will only show up on pages with the IDs: 4, 7, 9, 20, 55 etc..
<?php endif; ?>

Then be sure to check the “Execute PHP” checkbox.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts