Aligning Widgets in Footer

• 

  stuckett · Member · Mar 3, 2021 at 3:34 pm

  • Copy link
  • Add topic to favorites

  I have a Facebook and Twitter Widget in the footer of my site and I would like them both to be side-by-side and aligned in the center. Can someone help me do this? The theme I am using is Barnsbury and it will only allow me to put widgets in the footer. If there is a way of having widgets in the main part of the site that would also help me in the future. Thanks

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

• 

  stuckett · Member · Mar 3, 2021 at 3:38 pm

  • Copy link

  Is there also a way of only having the widgets show in the footer of the homepage and none of the other pages on the site?

• 

  staff-mckluskey · Staff · Mar 4, 2021 at 11:40 am

  • Copy link

  Hi there!

  You can try adding this code to My Site>Design>Customize>CSS:

  /* Add footer widget area columns */
  .site-footer .widget-area {
      display: grid;
      grid-gap: 30px;
      grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
      max-width: 100%;
  }
       
  .site-footer .widget-area > .widget {
      width: 100%;
      margin: 0;
  }
   
  .site-footer .widget-area > * {
      max-width: none;
  }
   
  .site-footer .widget * {
      max-width: 100%;
  }
   
  /* End - footer columns  */

  Is there also a way of only having the widgets show in the footer of the homepage and none of the other pages on the site?

  Yes, you can change that in the widget visibility settings, as explained here:

  https://wordpress.com/support/widgets/#widget-visibility.

  Also, remember that with your plan, you can access Live Chat directly via https://wordpress.com/help/contact. That way, you can get help faster.