Home Forums Air HTML Theme Footer not showing

This topic contains 7 replies, has 2 voices, and was last updated by  BWSM 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #13799

    floodout
    Participant

    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

    #13800

    BWSM
    Keymaster

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

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

    floodout
    Participant

    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

    • This reply was modified 1 month, 1 week ago by  floodout.
    #13882

    BWSM
    Keymaster

    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);
    }
    #13908

    floodout
    Participant

    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

    • This reply was modified 1 month ago by  floodout.
    • This reply was modified 1 month ago by  floodout.
    #13914

    BWSM
    Keymaster

    The image height CSS is not right, change as:

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

    floodout
    Participant

    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

    • This reply was modified 1 month ago by  floodout.
    #13941

    BWSM
    Keymaster

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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.