Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #104275
    helgphi
    Participant

    Hi,

    what is the custom CSS code to put the footer always bottom 0 ?

    #104300
    Mahesh
    Keymaster

    @helgphi: Please post in your site url.

    Regards,
    Mahesh

    #104313
    helgphi
    Participant

    Hi Mahesh,

    the Page is: https://support.screenpro.ch/content-upload/

    under Content-Upload Footer is not nice. With longer Text (height) it is normal like under “Startseite”…

    Regards,

    Philipp

    #104379
    Mahesh
    Keymaster

    @helgphi: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    html, body.page-id-17  {
        height: 100%;
    }
    
    .page-id-17 #page, .site-inner {
        position: relative;
        min-height: 100%;
        height: 100%;
    }
    
    .page-id-17 #colophon {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    Regards,
    Mahesh

    #104389
    helgphi
    Participant

    hi Mahesh,

    ok code is working but only for the page content-upload….is it possible to make the footer bottom on every page? (or do I have to make the css for every page-id-x?)

    #104488
    Mahesh
    Keymaster

    @helgphi: Add the following CSS:

    html, body {
        height: 100%;
        min-height: 100%;
    }
    
    .site {
        position: relative;
        min-height: 100%;
    }
    
    #colophon {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
      
    .home  #colophon {
        position: absolute;
        bottom: -100px;
        width: 100%;
    }

    Regards,
    Mahesh

    #104572
    helgphi
    Participant

    Works fine, thank you.

    #104620
    Mahesh
    Keymaster

    @helgphi: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sticky Footer’ is closed to new replies.