[Resolved] Copyright: align left and right

[Alex]

Hi there,

I am aware of https://generatepress.com/forums/topic/copyright-formatting/ and all the other Copyright bar threads. However, I have an odd problem.

My CSS in the “Simple CSS” plugin looks like this:

@media (min-width: 769px) {
    .copyright-right-area {
        text-align: right;
    }
    .copyright-left-area {
        text-align: left;
    }
}

Inside the “Custsomize-Copyright” field it looks like this:

<div class="grid-50 copyright-left-area">copyright text</div>

<div class="grid-50 copyright-right-area">siteinfo</div>

Unfortunately, what I get is this:

https://www.pic-upload.de/view-33013001/Clipboard01.jpg.html

Why is it so uneven? I’m no CSS expert.

Thanks!

[Leo]

Hi Alex,

Can you try this CSS instead?

@media (min-width: 769px) {
    .copyright-right-area {
        float: right;
    }
    .copyright-left-area {
        float: left;
    }
}

Can you provide a link to your site if this doesn’t work? Thanks!

[Tom]

You can also use the Footer Bar widget area: https://docs.generatepress.com/article/footer-bar-widget-area/

[Alex]

Hi Leo, thanks. In fact, the CSS I posted works now – I don’t know why though.

[Leo]

Awesome!

[Author]

Posts