[Resolved] How do I align links I have placed in my footer bar?

[Nicole]

I want these there items to show up horizontally, rather than stacked. It should look like this:

Privacy Policy © My name Disclaimer

Rather than:

© My name Privacy Policy
Disclaimer

How do I make that happen?

GeneratePress 2.2.2

[Tom]

Hi there,

Have you tried adding the links as a widget in the Footer Bar widget area?: Appearance > Widgets

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nicole]

I have them in my footer bar (widgets), but they’re not showing up for some reason. So I need to make them show up, then get them to align horizontally in some way.

[Tom]

Try setting your footer bar alignment to “Center” in Customize > Layout > Footer.

Then add this CSS:

.footer-bar, .inside-site-info {
    display: flex;
}

.footer-bar {
    margin-left: auto;
}

.footer-bar > * {
    margin: 0 10px;
}

.copyright-bar {
    margin-right: auto;
    margin-left: 10px;
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nicole]

I decided to right-align everything in the footer instead. All good. Thanks!

[Tom]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts