Archived topic
Infinite line that separates footer bar from content - How?
8 replies · Started by JUAN JOSE GONZALEZ on May 30, 2019
Hello!! It´s just a simple question about something I need help. I´ve seen that "footer bar" is not separated from the content with an infinite line. This is an example: https://news.harvard.edu/gazette/
How can I add that infinte line? Thanks in advance for the help
Hi there,
Try this CSS:
.site-footer {
border-top: 1px solid #000;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know :)
Thanks! The line works, but it´s just above the widgest. The ideal situation would be just above the "copyright" footer bar (it´s indeed where it has sense). To put the line in that place, may I replace .site-footer with -site-footer.bar ?
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
I´ve disabled footer-widgets in front page, and now it works. But it would be good to know how to put that line below footer-widgets in case footer-widgets were useful
Now you can take look. Private url field provided :)
It should be:
.site-info {
border-top: 1px solid #000;
}
Now it´s perfect!! Take a loot to see the final result.
Thanks a lot for the help and support, Leo. It´s reaaly very appreciated. Have a nice day!
No problem :)
You as well!