How to have different CSS / background color for different siderbar widgets?

[MM]

Hi

On my blog pages, i.e. http://mikemetcalfe.co/reasons-for-hotel-ownership-investment/

I'm trying to get the CSS to show different background-color settings on different sidebar widgets.

Can't find how to code this.... right now it's either change the .sidebar .widget { which changes everything....

Is there a way to add CSS so only a certain widget i.e. Recent Posts changes to another colour?

Thks!

[Brad Dalton]

Try this http://wpsites.net/web-design/style-widgets-individually-beginners-guide/

---

Get Help – Book Consultation.

[MM]

Thks Brad. Almost solved.

Pls see http://mikemetcalfe.co/hotel-due-diligence-acquisition-tips/

Most of it seems to work, except CSS for font color and border-bottoms on each post name.

I've added the below code to style.css

.widget-area #recent-posts-2 {
		color: #ffffff;
		background-color: #EEEEEE;
		font-family: 'proxima-nova',serif;
    	font-size: 15px;
    	font-weight: 500;
    	line-height: 1.25;
    	text-align: center;
    	padding-top: 20px; 
    	margin-top: 30px;

Any tutorials or tips? Thanks!

[Author]

Posts