[helgphi]

Hi,

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

[Mahesh]

@helgphi: Please post in your site url.

Regards,
Mahesh

[helgphi]

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

[Mahesh]

@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

[helgphi]

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?)

[Mahesh]

@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

[helgphi]

Works fine, thank you.

[Mahesh]

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

Regards,
Mahesh

[Author]

Posts