Remove image padding/margins

[covermesongs]

I am trying to get rid of a whole lot of white space below one row of images contained in a sidebar widget. I'm referring to the four social networking icon in the right sidebar at http://www.covermesongs.com. The images themselves do not contain the white space. I have tried the following fixes:

1. Change the margin from 15px to 0px here:

Code: Select all

img {
border:0 none;
font-size:100%;
margin:0 0 15px;
outline:0 none;
padding:0;
}

Not only does this obviously affect all images, which I don't want, but it only removes about half of the white space anyway.

2. Change the padding of the widget box from 9px to 0px here:

Code: Select all

.dbx-content {
margin:0;
overflow:hidden;
padding:5px 10px 9px;
}

Again, this not only affects all boxes, but only removes a fraction of that white space.

Any ideas? I would like the same padding/margin for the images at the top and bottom of the widget. Thanks!

[Connie]

Did you read this posting:

viewtopic.php?f=8&t=394

if not, there is all the information you need to identify CSS elements, to edit them etc.

So please, try to find the solutions yourself, we also have to do the same steps, as I am sure nobody knows all the CSS by heart

[covermesongs]

Sorry if I wasn't clear. Yes, I know the information in that post by heart and have made dozens of changes already using that info. That's the reason I am so frustrated with this problem. I identified what seemed to be the relevant elements using Firebug (the two bits of code I posted originally), but changing them did no good. I can't figure out what I'm doing wrong.

[sayontan]

Use more specific selectors, like "#text-3 img" (the id of that widget is "text-3") - that will take care of it.

[covermesongs]

Thanks!