Removing lower padding from text widget

• 

  simianreflux · Member · Aug 27, 2011 at 11:10 pm

  • Copy link
  • Add topic to favorites

  Hi,

  On my blog I’ve added the text widget to display a copyright notice in the supplementary footer area provided by the twenty eleven theme. By default this came with a large amount of padding both above and below the removed text.

  I added to my CSS the following:

  #supplementary {
  border-top:1px solid #ddd;
  padding:.2em;
  }

  which successfully removed all of the upper padding, however a sizeable amount of padding remains at the bottom of the widget.

  Is there any way to remove this padding?

  Apologies if I’m missing something painfully obvious – I started learning CSS today from forum posts. I’m trying to use Chrome’s “inspect element” function to isolate elements.

  Thanks!!

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

• 

  thesacredpath · Member · Aug 28, 2011 at 12:47 am

  • Copy link

  Edit the contents of that text widget. You have an empty paragraph below the line of text.

• 

  thesacredpath · Member · Aug 28, 2011 at 1:02 am

  • Copy link

  Actually that is only part of it. This is a weird one so I pulled out the digital hammer. Add this to the bottom of your CSS and then adjust the -10px value as you see fit.

  #supplementary aside {
  margin-bottom: -10px;
  }

• 

  simianreflux · Member · Aug 28, 2011 at 8:06 am

  • Copy link

  thesacredpath,

  thanks so much for your help!! I added the code to my CSS and it has solved the problem.

  Thanks again!!

• 

  thesacredpath · Member · Aug 28, 2011 at 8:16 am

  • Copy link

  You are welcome.