There is probably more than one way to do this but here’s what I’ve come up with. Since you want to position the pagination at the bottom of the content area, but you don’t know where that will be on any given page, you need to position the pagination relative to the larger content area container. That means removing the pagination line from index.php (and maybe also archive.php and search.php) and then adding it inside one of the closing </div> tags (doesn’t matter which one) at the top of footer.php. Then you can position it on the page just above the footer using this:
.pagination.group {
position: relative;
bottom: 50px;
right: 300px;
}
This assumes you have the 2-sidebar content-left layout on the home, archive and search pages. If you change that then you may need to adjust the “right” property.
Since the pagination is now in the footer, it will be displayed on every page unless you turn it off. You could probably turn if off globally using this:
.pagination.group, {
display: none;
}
and then display it on specific pages using this:
.home .pagination.group,
.archive .pagination.group,
.search .pagination.group {
position: relative;
bottom: 50px;
right: 300px;
}
I haven’t actually tested this other than using Developer Tools to move elements around in the DOM and add some css. But I think, at least in theory, it should work. You might ask yourself why you want to do this before going through all this work. Let me know if you want to have an offline discussion on that and I’ll get in touch.
