Widgets Individual Corners

Heya all, i was wondering if anyone know the coding for individual corners in widgets. I made a picture for easier explanation.



As you can see, i would imagine the code would be along these lines:

Image1: (url) position: top
Image2: (url) position: bottom-left
Image3: (url) position: bottom-right

If i didn't explain it too well, please let me know.

Any help would be really appreciated, Thank you.

Hi,

There are actually two images, one for the top and another for bottom. You can set the images as background using the following CSS selectors...

Code:

div.h3 {
background-image: url(TOP IMAGE URL HERE) no-repeat;
}
.module {
background-image: url(BOTTOM IMAGE URL HERE) no-repeat;
}

You might need add some other properties to the code to make it work perfect.

So there is no way to have it more than just top and bottom?? Cause some widgets are wider than others, so you need different background images for different widgets.

CatherinaAndrea wrote:So there is no way to have it more than just top and bottom?? Cause some widgets are wider than others, so you need different background images for different widgets.

I don't think widgets have different width. But there is no way to add more than just top and bottom, as far as I know. There can be some tricks to achieve this but I'm not aware of any as of now.

Ok thank you, i'll try to make it work with the top and bottom codes you gave me Thanks again.

Solved.