how to remove white from below footer

[tandan 0]

I am having a problem with a large white area below my footer on large screens. Please see attached screenshot.

Site is: http://tandancreative.com/

When I stretch the screen smaller, it doesn't show. However, when stretched out further, it does. 

Now that a lot of people use wide screen monitors, I can't have that happening. 

I am not sure how to change the settings as it's set to repeat properly. 

Can someone please advise? 

Thank you!

Tan

[tsalstrand 8]

you're going to have to either fill the space (because the content is too little as it is) or in the css set the background to stretch (make sure to put in all the vendor prefixes).

 

Also, you may want to get rid of the watermark at the bottom... I can't remember the setting in the control panel, but in the custom css you could just add the follow:

.the-watermark {
display: none !important;
}

[tandan 0]

Hi tsalstrand, Thanks for your reply. I just don't have any extra content I want to put in and don't feel that I should have to. I don't want to stretch my background either so that's not going to work. It's a tile and if I stretch, it won't look good and be all fuzzy. 

Anyone else have any advice? 

[Aires 265]

Hi,

you could add a full width section under the slider and in the section options choose 436px as the minimal size. That should make the background stretch to the bottom but then you are going to have to choose a background for the section, so you could choose the same background as the rest of the site.

[James B 436]

Hi TanDan

 

The solution Aires posted above will prob work best. However you could also look into modifying the slider css and its currently set to have a max-height of 480px px on your site. Take max-height out completely and you should see most of that white space vanish.

 

Add a min-height to that and you can make it touch the bottom of the screen - http://screencast.com/t/tCOVnaz5wao

 

.revslider-container {

    max-height: none;

    min-height:650px;

    overflow: hidden;

    padding: 0;

    position: relative;

    width: 100% !important;

}

 

Also Footer extras is in the layout and adding a margin at the bottom of the page still of around 10px.

[tandan 0]

Hi James (and Aires)--that totally worked! Thanks so much!!!

[greenfly 230]

Thank you for letting us know this worked for you