I must say, the footer on this website is incredibly stubborn. Let's take a look at subject A:
URL:
Hello there! I'm currently working on a website and I'm facing a challenge with the background not stretching to fit the entire window when resized. I've tried various methods like:
using Code Header injection
<style>#header {
display: none !important;
#preFooter {
display: none !important;
}
#footer {
display: none !important;
}
#page {
width: 100% !important;
min-height: 700px !important;
padding:20px !important;
margin: 0px !important;
max-width: 100% !important;
}</style>
Trying different settings in page configurations
<style>
#footer {
display: none !important;
}
</style>
Although I managed to remove the prefooter content, the main footer still persists... How can I make the background stretch to cover the whole window? I want it to resemble a cover page but with HTML features for customizations like JavaScript or jQuery. I have seen similar templates achieving this, so how do I get rid of that stubborn footer? Any help or suggestions would be greatly appreciated.
That white block at the bottom of my current page needs to go. Can you assist me in removing it? Here's a visual reference: http://prntscr.com/aaelvf
And then there's that annoying grey block at the bottom from the standard template. Help me get rid of it as well: http://prntscr.com/aaeo8m
Any guidance or assistance will be highly valued. Thank you!