Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #857737

    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

    #857832

    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

    #858575

    Hi John,

    Putting you suggested CSS code in the Enfold general styling option did not change the white space.

    Thanks
    Lyse

    #859074

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.