Footer widget alignment in Branded Theme

[Haley]

Hey There,
I’m not sure if this falls under your banner or not – so apologies if it doesn’t. I’ve used the branded BB theme on two sites now and when I change the amount of widgets in the footer from 3 to 4 the alignment goes way out. In the first site I just went back to 3 columns in order to avoid the problem but in this second site I need 4 columns in alignment – is there something Im missing? Ive set the 4 columns in generate press – customise .
Thanks!

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Haley]

Its currently hidden behind a holding page so I will take it down for short time so you can see it.

[Haley]

try now, thanks.

[Leo]

Can you go to the Additional CSS field in the customizer and temporarily remove all of these?

/* GENERATEPRESS FOOTER WIDGET AREA */
/* GeneratePress widget layout tweaks & alignments for 3 columns */
@media (min-width:1025px) {
  .footer-widgets .footer-widget-1 {
    text-align: left;
    width: 25%;
  }
  .footer-widgets .footer-widget-2 {
    text-align: left;
    width: 40%;
  }
  .footer-widgets .footer-widget-3 {
    text-align: right;
    width: 35%;
  }
}
@media (min-width:768px) AND (max-width:1024px) {
  .footer-widgets .footer-widget-1,
  .footer-widgets .footer-widget-2,
  .footer-widgets .footer-widget-3 {
    clear: none !important;
    float: left;
    width: 33.3333%;
  }
}
@media (max-width:768px) {
  .footer-widgets .widget {
    float: none;
    margin: 0 auto;
    max-width: 400px;
    padding: 60px 20px 0 20px;
    text-align: center;
  }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Haley]

Okay removed and its looking better – take a look.

[Leo]

Yup that’s back to the default setup.

What’s the issue now?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Haley]

Okay so keep that code out then? No issue as long as I can work with the padding etc as I normally would?

[Leo]

Yup keeping the code out would be good 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Haley]

Thanks so much for that!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts