How do I fix the background on the blog page?

When I added a background image, I found there to be no background color for the display area on the blog page. Please see attached image. A link to the page with the issue is as follows:

http://pgdynamic.ca/inventory/​

If you could provide me with a solution to this issue, I would be most appreciative.

Thank you in advance.

Sincerely
Laurie MacIntosh

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-bar .post {
background: #fff;
}

 

Thanks Gourav. That did change the background of the blog content area, but it did not change the background of the margins and the sidebar. Please take a look at the following link:

http://pgdynamic.ca/inventory/

As well, I noticed that the other blog pages as follows also need to be updated to:

http://pgdynamic.ca/category/cars/
http://pgdynamic.ca/author/laurie/

If you could provide me with a solution to this, I would be most appreciative.

Thank you in advance.

Sincerely
Laurie MacIntosh

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.page-content {
background: #fff;
}

 

Thanks Gourav. Your solution did add the background to the margins and the sidebar, but there is now a gap between the header and the content display area. Here is the link to the page;

http://pgdynamic.ca/inventory/

If you could provide me with a solution to eliminate that gap, I would be most appreciative.

Thank you in advance.

Sincerely
Laurie MacIntosh

 

Problem is resolved, Please check your website.