changing the size of widget boxes in footer

• 

  blushandbravo · Member · Oct 19, 2016 at 9:02 pm

  • Copy link
  • Add topic to favorites

  hi! I have 3 widget boxes in the footer of my site. the first is much wider than the other two. Is there a way to make them the same size so that they’re centered?
  thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  innisfreehomestead · Member · Oct 19, 2016 at 9:29 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .footer-widgets .widget-area {
  	width: 30% !important;
  }

  And then if you’d like the boxes to go full width on a mobile screen, drop this code underneath:

  @media screen and (max-width:768px) {
  .footer-widgets .widget-area {
  	width: 100% !important;
  }
  }

  Let me know if that doesn’t work!
  Sage

• 

  blushandbravo · Member · Oct 19, 2016 at 9:51 pm

  • Copy link

  perfect! thank you SO much!

• 

  innisfreehomestead · Member · Oct 19, 2016 at 10:00 pm

  • Copy link

  No worries, thanks for letting me know it’s sorted!