Featured Post Widget

How do I get the image more responsive ?

If the widget container is smaller than the image size, the image will automatically be adjusted to the widget size. In other words, just choose some width for the image that is larger than your widget area and it will always have the right size.

I styled the widget container myself and i looks bad. What do I do?

The styling of the widget requires some knowledge of css. If you are not familiar with that, try adding

padding: 10px;
margin-bottom: 10px;

to the style section.

My widget should have rounded corners, how do I do that?

Add something like

-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

to the widget style. This is not supported by all browsers yet, but should work in almost all of them.

My widget should have a shadow, how do I do that?

Add something like

-moz-box-shadow: 10px 10px 5px #888888;
-webkit-box-shadow: 10px 10px 5px #888888;
box-shadow: 10px 10px 5px #888888;

to the widget style to get a nice shadow down right of the container. This is not supported by all browsers yet, but should work in almost all of them.