[Resolved] Infinite line that separates footer bar from content – How?

[JUAN JOSE GONZALEZ]

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

[Leo]

Hi there,

Try this CSS:

.site-footer {
    border-top: 1px solid #000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[JUAN JOSE GONZALEZ]

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 ?

[Leo]

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 🙂

[JUAN JOSE GONZALEZ]

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

[JUAN JOSE GONZALEZ]

Now you can take look. Private url field provided 🙂

[Leo]

It should be:

.site-info {
    border-top: 1px solid #000;
}

[JUAN JOSE GONZALEZ]

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!

[Leo]

No problem 🙂

You as well!

[Author]

Posts