[HELP WANTED] Sticking the Footer to the Bottom

[Infinimonster]

Hello, om my Forum i created with phpBB the Footer is not always sticky to the Bottom. It really depends on the size of the current Page.
If a lot of items are on the Page the Footer is at the Bottom as expected but if only a few items are on the Page i see a black box below the Footer filling the entire Page. I use the Milk V2 Theme by planetstyles but my support licence has expired and i do not want to pay 20$ for another 6 Months of support when i only need the Support once at the moment

Now. i attach some Screenshots that show the issue, that i am having:

[pit-PL]

It's normal, nothing to fix here.

[GTI]

Rather than making it sticky, just use a wee bit of box shadow to make it look like the copyright bar stretches to the bottom.

All you have to do is add the code below to the bottom of the styles colours.css style sheet.

Code: Select all

.copyright_bar {
	box-shadow: 0 50vh 0 50vh #1d1f25;
}

Remember to purge the cache in the ACP afterwards and then refresh your browser cache with CTRL F5.

[Infinimonster]

Thank you for the kind response. The Black Box is now gone however now on all places where the black box was before the copyright bar became bigger.
It would be great, if it is possible that the copyrightbar stay in the same size and only the content above the copyright bar becomes bigger so it looks like it sticks on the bottom. Here is an screenshot how it currently looks:

[GTI]

In my opinion there should be a gap between the bottom of the wrap and the top of the navbar where it says 'terms' / 'privacy' etc - you could add a 20px margin onto that which would help a little.

Code: Select all

.body-layout-Fluid #inner-wrap {
	margin-bottom: 20px;
}

Any adjustments to the main footer spacing would also adjust it on all the other forum pages so it would be a mess,

One suggestion though, the Milk style has built in footer socials (see the Flight Deck control panel in the ACP) the socials add at least 40px to the footer - so that would take up a bit more space.

[Infinimonster]

I now added the code, what should add an gap. However even after purging the cache and refreshing the site i not noticed any change.
I then removed both css codes from the file and added both css codes on the footer socials at the flight deck control panel. this changed nothing tho and the black box below the footer was present again.

[Gumboots]

Would need to see it running live to check the relavant markup and CSS, but in essence this is simply a matter of setting the body tag to display flex, and flex-direction to column, then applying relevant values of flex shrink and flex grow to the direct children of the body tag.