WordPress.com

1. simianreflux
   Member
   Aug 27, 2011, 11:10 PM

   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 simianreflux.com.

2. thesacredpath
   Staff
   Aug 28, 2011, 12:47 AM

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

3. thesacredpath
   Staff
   Aug 28, 2011, 1:02 AM

   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;
   }

4. simianreflux
   Member
   Aug 28, 2011, 8:06 AM

   thesacredpath,

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

   Thanks again!!

5. thesacredpath
   Staff
   Aug 28, 2011, 8:16 AM

   You are welcome.

Topic Closed

This topic has been closed to new replies.