Adding Footer Widget Center Above Copyright & Center Copyright Text

Hi there,

With your site’s current structure, one approach you may try to achieve this is to add a text in the Footer Bar widget in Appearance > Customize > Widgets > Footer Bar: https://share.getcloudapp.com/DOu4wrv4

Then, add this custom CSS:

.inside-site-info {
    flex-direction: column;
}

.footer-bar-align-right .copyright-bar {
    margin: 0;
    order: 1;
}

Currently, I can see that you already have an empty Paragraph Block in the Footer widget which causing the copyright text to move left. Just add text to this and add the CSS.

Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

Adding it through additional CSS should work.

Kindly let us know how it goes. :)

Hello - thanks so much for your help. I was able to insert the text that I wanted, however now the copyright text is floating right and I would like it to go underneath the text that I inserted, centered. With a small gap between the two.

Thank you.

I tried viewing your site once more and it seems that the CSS I provided still hasn’t been added.

With the CSS added, this is what it should look like: https://share.getcloudapp.com/9Zumrz7N

With that said, if you’ve added the CSS correctly, can you try clearing your website’s cache? This includes your caching/optimization plugin and caching implemented by your hosting provider if there's any.

Moreover, if you wish to reduce the spacing of the text relative to the copyright, you may try adding this CSS:

.inside-site-info p {
    margin-bottom:.5em;
}

Please modify .5 to increase or decrease the spacing.

Kindly let us know how it goes. :)

Yes that is exactly how I want it to look like. I cleared all the cache and double checked the additional CSS was added correctly and it's there, so I'm not sure why the copyright text is still appearing to the right...

Could it be to do with one of the other widgets?

I see. For further assistance with regards to this, may you kindly create a topic here?: Support - GeneratePress

https://generatepress.com/forums/topic/adding-footer-widget-center-above-copyright-center-copyright-text/#post-2149048

It seems that you have this code above the code I provided:

function post_modified_date() {
 return get_the_modified_date();
}
add_shortcode( 'modified_date', 'post_modified_date' );

Can you remove this? There shouldn’t be PHP code in the CSS file.

Moreover, as PHP code shouldn’t be placed in additional CSS, here is an article with regards to adding PHP code: https://docs.generatepress.com/article/adding-php/

Kindly let us know how it goes. :)

That has fixed the issue (removing that PHP code) and my footer looks perfect.

Thank you :)

You’re welcome! Glad it’s working as it should now! Feel free to reach out anytime if you’ll need assistance with anything else. :)

Thank you!