Archived topic
Custom footer block + copyright notice
5 replies · Started by paddyd on January 15, 2021
So - I've figured out how to get the copyright notice in the footer bar to show (by relative positioning) within the custom footer block, so I didn't have to either install a plugin or do the copyright updates by hand, BUT...now there is an empty white space of 80px at the bottom of the page. I tried adding a negative margin to the bottom (both with and without adding a "height" specification as well), but it didn't work. Clearly I've done something wrong.
https://camphurontario.com/new/
Of course, if there is a better way to get from A to B here, let me know! (Love the new GB Blocks Pro, btw!)
Hi there,
I can't open your site link, could you check?
Thanks.
Sorry - left off the .com !! Fixed it.
The empty space is causing by the negative margin added to the footer.
https://www.screencast.com/t/2M38R2S7
Try to replace your CSS with this:
.site-footer {
position: relative;
footer.site-info {
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
}Let me know :)
Thanks - that worked.
BTW - the negative margin did NOT cause the problem - the white gap was there before I added it. I added it to try to fix the problem (which it didn't). In looking the issue up, I came across several suggestions to solve it with the negative margin. As I noted - it didn't change anything. I had used relative positioning, not absolute on the entire .site-footer div. ;)
No problem :)
