Archived topic
Footer bar text alignment
28 replies · Started by Rick on July 25, 2017
Tom, I'm trying to put 2 links and a logo on my footer bar. I want the copyright on the left, the image logo in the center and the 2 links on the right. Can you please help. I can't seem to work my way around the copyright element.
logo: 
link1: Privacy Policy
link2: Contact Us
Actually, I've got everything in place except my logo. How would I center the image element?
Hi Rick,
Try using the After Footer Content hook:
http://demo.generatepress.com/hook-locations/
https://docs.generatepress.com/article/hooks-overview/
With GP's built grid system like this:
<div class="custom-footer">
<div class="footer-left grid-33">
footer left content
</div>
<div class="footer-center grid-33">
footer center content
</div>
<div class="footer-right grid-33">
footer right content
</div>
<div class="clear"></div>
</div>
Get this started and let me know if you need more help.
I inserted the code in the hook. I get this:
Looks pretty close. I adjusted the code a bit above: https://generatepress.com/forums/topic/footer-bar-text-alignment/#post-354891
Then try this CSS:
.custom-footer {
background-color: #222222;
}
.footer-center {
text-align: center;
}
.footer-right {
text-align: right;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Thanks, but it's showing below the footer bar with white bg. How do I get it above the copyright?
Sorry I thought it was meant to replace the copyright section.
Try the code in After Footer Widgets hook instead.
Make sure you use the code here: https://generatepress.com/forums/topic/footer-bar-text-alignment/#post-354891
It's close. How do I pad the top of the logo and center the copyright underneath the logo?
Hmm can you make sure to use the code here? https://generatepress.com/forums/topic/footer-bar-text-alignment/#post-354891
I don't see the <div class="custom-footer"> currently.
I put the css in my style sheet.
I'm confused.
Ok, got that code corrected. Just don't know how to style the copyright to get centered.
The code here should be in the hook: https://generatepress.com/forums/topic/footer-bar-text-alignment/#post-354891
Copyright is text-aligned center but isn't showing centered.
The copyright element has a bunch of spacing: