CSS – Background Color of Quote

I would also like to know how to change the background color of the Quotes Collection widget, as well as how to add a different-colored border. I am using Twenty Eleven on a multisite platform (i.e. nobody has access to the ftp server). The widget is saved in my Secondary Widget Area along with two text widgets. I only want to change the formatting of the Quotes Collection. (To be really specific, I want to implement a gray background #D8D8D8 and a red border #FF0000.)

Please advise. Thank you!

I figured this out myself. If you still need help, jkgray, here’s what I did.

I figured out which widget the Quotes Collection was displaying in. For me, it was the right sidebar (“sidebar_right”). You can do that by seeing what the title of the widget area is in your Dashboard, and then going into the page source code and finding the sidebar name that corresponds with that widget area.

I went into the style.css file and inserted the following code:

#sidebar_right {background-color:#e7e7e7 !important;}
#sidebar_right {border: 4px solid #8a8a8a !important;}

That created a gray box with a darker gray border. You can change the colors (#e7e7e7 and #8a8a8a) to whatever colors you prefer. You can also change how big the border is — 4px was a bit too wide for my taste.

I hope that helps.