Edit footer height

• 

  maurorganized · Member · Mar 24, 2016 at 10:49 pm

  • Copy link
  • Add topic to favorites

  Hello, I am using the Motif theme. I would like to shorten the height of my footer. Is that possible to do using CSS?

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

• 

  thesacredpath · Member · Mar 25, 2016 at 3:42 am

  • Copy link

  Are you talking about the blue footer widget section? If so, you to reduce the top and bottom padding, but the main thing causing the space at the bottom is the unconfigured BandPage widget in the second (center) footer area. If you remove that, things will shorten up considerably and you can then adjust the bottom padding in the below as to get the look you want.

  Add the following to your .footer-widget-area CSS rule and adjust the 34px values as desired.

  padding-top: 34px;
  padding-bottom: 34px;

• 

  maurorganized · Member · Mar 25, 2016 at 7:13 pm

  • Copy link

  Yes, that is the spot. I had placed the BandPage widget there, and made it invisible, to force my logo image over to the right. Now that I have deleted it, the height is just right. Thanks!

• 

  thesacredpath · Member · Mar 27, 2016 at 8:38 am

  • Copy link

  Awesome, and you are welcome.