[Resolved] Text-align in Additional CSS not working for footer widgets

[Alena]

Hi there,

I have two footer widgets on a site I’m developing. The text in the left footer should be aligned left, in the right one right. I added the following code into the Additional CSS and it worked just fine until recently:

  .footer-widgets .footer-widget-1 {
    text-align: left;
  }
  .footer-widgets .footer-widget-2 {
    text-align: right;
  }

Now everything is aligned left in the desktop view. The mobile view works just fine.

I’m using GeneratePress + GenerateBlocks (a nice good job here, thank you very much!).

Thanks, Alena

[David]

Hi there,

glad to hear your enjoying GP + GB.

You have a missing closing bracket } in your CSS – i have added it below to show you where it needs to be added:

@media (max-width: 768px) {
    p.narrow {
        margin: 20px 0 2em;
    }

    .wp-block-group,
    .wp-block-column {
        margin: 0 0 1em;
    }
} /* Add this bracket */

Fix that and your CSS should work.

[Alena]

It works now perfectly! Next time I know where to look first…

Thank you very much for a quick and helpful reply.

[David]

Glad to be of help

[Author]

Posts