How to edit fonts and colors on blog page only

Hi ,
Im trying to apply the following css to my blog posts only. but they affect the entire site. The body img mostly. My images are all massive. I tried adding .blog in front but that didnt do it.

Thanks for your help,
Rena

http://2e6.274.myftpupload.com/

.entry-content {
font-family: Arial,“Helvetica Neue”,Helvetica,sans-serif!important;
font-size: 18px!important;
color:black;
}
body .format-standard .entry-wrap {
width:976px;
margin:0 auto;
}
body img {
width:976px;
margin:0 auto;
}

## UPDATE:

Ive changed it to this:
body.single.single-post .entry-content {
font-family: Arial,“Helvetica Neue”,Helvetica,sans-serif!important;
font-size: 18px!important;
color:black;
width:976px;
margin:0 auto;
}

body.single.single-post img {
width:976px!important;
margin:0 auto;
}

Is this the correct way to do it? seems to be working.
Thanks

Hello Rena,

Yes, that should be right or you can simplify it to:

.single-post .entry-content {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif!important;
    font-size: 18px!important;
    color:black;
    width:976px;
    margin:0 auto;
}

.single-post img {
    width:976px!important;
    margin:0 auto;
}

The code above will target the images in the single blog posts.

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.