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

Home Forums Support Text-align in Additional CSS not working for footer widgets

  • This topic has 3 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1296585
    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

    #1296845
    David
    Staff
    Customer Support

    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.

    #1297073
    Alena

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

    Thank you very much for a quick and helpful reply.

    #1297284
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.