Hi
I want to be able to use the image as my background filling my page.
I created the page as follows:
– template: blank no header, no footer
– layout: no sidebars, no footer & socket, no title bars, no header
I have a color section set as follows:
– at least 100% of browser window
– no padding, no border
– using main content with background image set to paraflax, top center, no repeat
Although the page is still in draft, I published it so you can see it: https://www.impactcrescendo.com/download/
How do I get rid the that white space at the top? (I did try several other options using negative top margin but nothing worked)
Any help would be appreciated.
Lyse
Hey tremblayly,
Probably, you`re using some custom CSS code with these rules .html_header_top.html_header_sticky #top #wrap_all #main , but anyway, you can fix it adding the following custom code at Enfold Theme Options > General Styling > Quick CSS
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
Best regards,
John Torvik
Hi John,
Putting you suggested CSS code in the Enfold general styling option did not change the white space.
Thanks
Lyse
Hi,
There’s a gap or whitespace because of the following css modification.
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 175px !important;
}
What is that for? You can either remove that or add another css declaration to disable the padding on the “download” page. Add this code below the css modification above.
.html_header_top.html_header_sticky #top.page-id-2014 #wrap_all #main {
padding-top: 0 !important;
}
Best regards,
Ismael