How to add margin/padding to the bottom of this widget

HTML & CSS
1

URL: http://goo.gl/JK5jEP

In the right sidebar is a featured posts widget that shows the thumbnails and titles of 4 featured posts. Under that widget is a text widget entitled “image credit.” I would like to increase the bottom margin of the featured post widget so the text widget that appears below it will have the same spacing as the other widgets near the top of the sidebar.

I’ve added clear: both; to the widget titles thinking that maybe the margins/paddings on the featured content weren’t working since those images are floated, but that didn’t work. I know this should be easy, but nothing I’m trying is working.

Can someone point me in the right direction? Thank you!

2

Just checking in to see if you got it working? It looks fine on my end

3

Hi,

Thanks for your reply! No, I haven’t been able to get it working yet.

I would like an equal amount of space above the “image credit” widget as there is above all the others in the sidebar.

Which browser/OS are you using?

4

Hi, If I’m correct, the featured posts are floated and the container widget that holds the bottom margin has its height collapsed. Try set the widget to clear the floats by e.g. overflow, like:

.widget {
     overflow: hidden; /* added */
     word-wrap: break-word;
}
5

Hi Erik,

That was it! Thank you SO much. I should have known that.

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.