Thread Starter
dplum
(@dplum)
Sorry, forgot the link to the Screen Shot — https://prnt.sc/pwjtxp
Hey,
Is this happening on all your pages? Are you able to post a link to your site?
Hannah
Thread Starter
dplum
(@dplum)
Yes, ALL Pages and Posts appear with a Grey Area below the actual page content.
HERE ARE A COUPLE OF LINKS
https://xlresources.com/portfolio/test/ WHICH SHOWS GREY BELOW THE POST AS SEEN HERE… http://prntscr.com/pwomp1
https://xlresources.com/portfolio/test-again/ WHICH SHOWS GREY BELOW THE POST AS SEEN HERE… https://prnt.sc/pwolo2
This is happening because you do not have enough content on your pages to push the footer to the bottom of your screen. You can resolve with this css:
@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 50px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}
You can paste that into your custom css box in Theme Options > Advanced Settings.
Hope it helps!
Hannah
Thread Starter
dplum
(@dplum)
Hannah,
Thx for the CSS — It works great when I view the pages directly.
However, there’s another factor at play. As I say, when I view the pages directly it works. But, that’s when I’m viewing them as a developer or administrator.
Then when we transition the viewing of the same pages on a LIVE / Production / End User basis, the same pages are being viewed through an iFrame. And unfortunately, when viewed that way the CSS doesn’t work.
I’ve depicted this in this screenshot… https://prnt.sc/pwyb0a
Might there be an adjustment in the CSS that would somehow handle this iFrame situation?
Hey,
I’m seeing the css working. Have you cleared your cache?
Hannah
