Footer to bottom of page

You could do something like this custom CSS

#footer-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    margin-left: -18%;
}

That puts the footer to the bottom at all times. Then to account for the left column width (currently 18%), the margin-left of -18% will keep the footer centered in the page. The only issue is that because of the theme design, your footer info would not be centered in the right-column.

IMPORTANT: Any custom CSS you create, do not add it to the theme’s style.css. Instead use a plugin like Simple Custom CSS. If you use a child theme, then you can use the child theme’s style.css, or, if you use jetpack, you can use its own built-in custom CSS feature.

Again worked perfectly! Thanks for all the great support.

A bit of an issue with this fix. It looks great on the image post pages, but not on the normal ones. Anything I can do about this? Example of the problem included.

Thanks,

Seems to happen when the browser window is not full screen.

hmmm….actually, it works a bit better when the position: absolute; is done as position: fixed;

However, I think this is still going to create some problems overall because of how the structure of the layout is and where the footer wrapper container is located. Making it fixed or absolute separates it from the main content which is why the issue you noticed is happening.

One possibility is to fix the position of the footer only on the gallery tiled pages

.category #footer-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    margin-left: -18%;
}

That works better. Is there a way to set the space at the bottom of the image slider? The site is really coming together, and I thank you for the assistance.

Possible to eliminate the footer all together? May be a consideration.

Where does one customize the content that displays when an image in the gallery is clicked? I would love to have it just display a picture and title perhaps. Not all that Find us stuff. Possible?

Thanks,

Image slider will be third party support as they will know more about that one.

To eliminate the footer, do this:

#footer-wrapper {
display: none;
}

Regarding the post tiled gallery and the info displayed, if you just want the title, then add this:

.format-image .entry-meta {
    display: none;
}