Footer not showing

[floodout]

is there anyway the footer can show straightaway? I don’t want to have to scroll to be able to show the footer.

http://www.helenneville.com/About.html

Thankyou

[SeaTheme]

Please use the css in last line of style.css:

#footer {position: static!important;}
.footer-info{opacity: 1!important;}
#wrap{margin-bottom: 0!important;}

[floodout]

I have included this in the last line of the style.css and as you can see you still need to scroll to see the footer:

http://helenneville.com/About.html

I don’t want to have to scroll to see footer on this page as there is not much content, is there anyway to stop this?

Thanks

[SeaTheme]

Please re-define the slider wrap and slider image height like:

.top-slider.top-slider-text { 
height: calc(100vh - 180px);
}
.top-slider.top-slider-text .slider-image>img {
height: calc(100vh - 300px);
}

[floodout]

Nearly there!

I have had to call it

.top-slider2.top-slider-text2 .slider-image2.img {
height: calc(100vh - 300px);
}
.top-slider2.top-slider-text2 {
  position: relative; height: 400px; height: calc(100vh - 180px);
}

as it was affecting my menu page.

Now it is also cutting the image off. See here:

http://www.helenneville.com/About2.html

[SeaTheme]

The image height CSS is not right, change as:

.top-slider2.top-slider-text2 .slider-image2 img {
height: calc(100vh - 300px); width: auto;
}

[floodout]

I have done everything you have asked, I think, but I still can not get it to work.
I want it to look like this. Ie, no scroll bar with footer anchored to bottom

This is the test page with your code applied:

http://www.helenneville.com/About2.html

[SeaTheme]

Hi, I checked your site, I did’t find the css in HTML and style.css/pagebuild.css. Where did you add it?

[Author]

Posts