Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Can I align the Footer Widget 2 in the middle as on the screenshot?

  • Can I align the Footer Widget 2 in the middle as on the screenshot?

    Referring to the Footer Widget 2 with the Sender.net form.

  • Hi there,

    You’ve set widget-1 to flex-basis:50%, if you want the form align center, the widget-1 and widget-3 should have the same flex-basis values, eg.30%, and set widget-2 to flex-basis:40%.

  • No idea how to do that.

  • It’s in the customizer > additional CSS, find the CSS below:

     /*site footer*/
                @media (min-width: 1025px) {
                    .footer-widgets .footer-widget-1 {
                        flex-basis: 50%;
                        padding-right: 100px;
                    }
    
                    .footer-widgets .footer-widget-2 {
                        flex-basis: 20%;
                    }
    
                    .footer-widgets .footer-widget-3 {
                        flex-basis: 30%;
                    }
                }

    And change it to:

     /*site footer*/
                @media (min-width: 1025px) {
                    .footer-widgets .footer-widget-1 {
                        flex-basis: 30%;
                        padding-right: 100px;
                    }
    
                    .footer-widgets .footer-widget-2 {
                        flex-basis: 40%;
                    }
    
                    .footer-widgets .footer-widget-3 {
                        flex-basis: 30%;
                    }
                }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.