Page 1 of 1

Remove white space at the bottom

Posted: Tue Dec 23, 2014 1:32 pm
by Louay Ali

Hi,

I have set a background picture for a page but i don't know why whenever i scroll down to the end of the screen i get the white space at the end of the screen, even though there is no footer, i have removed the footer through JS.

Please help. Image


Remove white space at the bottom

Posted: Tue Dec 23, 2014 1:38 pm
by Evgene Karachevtsev

Louay,

could you please clarify, do you use any css rule for your background image?


Remove white space at the bottom

Posted: Tue Dec 23, 2014 1:40 pm
by Louay Ali

Hi,

Yes i use css within the JS file of the page, here is the code :

Code: Select all

     Apperyio('mobilecontainer').css('background-image','url("-------")','no-repeat'); 

      Apperyio('mobilecontainer').css('background-size','cover'); 
      Apperyio('mobilecontainer').css('-webkit-background-size','cover'); 
      Apperyio('mobilecontainer').css('-moz-background-size','cover'); 
      Apperyio('mobilecontainer').css('-o-background-size','cover');

Remove white space at the bottom

Posted: Wed Dec 24, 2014 12:58 am
by Yurii Orishchuk

Hi Louay,

I tried following CSS code and it works correctly without footer for this page.

#test_mobilecontainer{
/* you should change "a_01.jpeg" with file name you need. */
background: url(../../../../files/views/assets/image/a_01.jpeg) no-repeat;
background-size: cover;
}

Regards.