Hi, I have a few widgets on my site which I thought could benefit from a different background color to the page.. I used the CSS below, however, the text in the widget runs right to the edge of the box.

i) Is there any way to add a margin around this? Either add padding to bring the text in a bit or make the background colour extend a bit further?

ii) how could I have different background colors for different widgets?

Thanks in advance.

#sidebar > div {
    background-color: #fff !important;      }