CSS problem

I have a polling widget on this site: http://tinyurl.com/964h9mm

underneath the poll there are two thumbnails, and underneath those thumbnails there is about 50PX of padding. I need to remove that but cannot figure out where it is coming from. The .widget class has 20px of bottom padding, but even when I remove that there is still too much space. Any idea what is causing this?
Screen-shot-2012-09-05-at-10.22..png
lvollmerAsked:
Who is Participating?
 
Julian HansenConnect With a Mentor Commented:
Trim your image - the whitespace is in the image itself.
0
 
GaryCommented:
Add margin:0 to H1
0
 
lvollmerAuthor Commented:
on which line?
0
Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

 
lvollmerAuthor Commented:
nevermind, misread what you wrote. I added that line, but there is still 25-30PX of space I cannot account for.
0
 
GaryConnect With a Mentor Commented:
But your image has whitespace at the top and bottom - if you want less space then you will need to edit the image.
You could just remove the H1 - see no point to it in your code there.
0
 
GaryCommented:
You have padding here which when removed also reduces the spacing

#sidebar .widget, #footer .widget {
...
    padding-bottom: 20px;
0
 
lvollmerAuthor Commented:
Thanks, I did not realize there was white space built into the image! Split points for helpful answers.
0
 
Julian HansenCommented:
You are welcome - thanks for the points although GarC123 had the answer first and gave much more on this question - I would have given him the accepted solution and majority of points.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.