Removing lower padding from text widget

  • Author
    Posts
  • #691637

    simianreflux
    Member

    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.

    #691826

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

    #691833

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

    simianreflux
    Member

    thesacredpath,

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

    Thanks again!!

    #691952

    You are welcome.

The topic ‘Removing lower padding from text widget’ is closed to new replies.