Archived topic

Text-align in Additional CSS not working for footer widgets

3 replies · Started by Alena on May 22, 2020

Viewing posts 1–4 of 4

May 22, 2020 at 6:07 am #1296585

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

May 22, 2020 at 8:21 am #1296845

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.

May 22, 2020 at 11:19 am #1297073

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

Thank you very much for a quick and helpful reply.

May 22, 2020 at 3:00 pm #1297284

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.