Resizing images on community page

[jlkkline]

I’ve been trying to make the featured images on the community pages larger. In the style.css file, I’ve made the following modifications:

.wap-orange .wap-community.entry img {
border: 10px solid #3d4d6d;
display: block;
margin-right: auto;
margin-left: auto;
height: 397px;
width: 1000px;
}

With these modifications, I do get a 1000×397 pixel image, but it’s blurry. Using Google Chrome’s inspect function, I find that the HTML associated with the image is as follows:

img width=​”740″ height=​”285″ src=​”http:​/​/​belmontcharlottesville.com/​wp-content/​uploads/​2014/​06/​belmont-banner-740×285.jpg” class=​”attachment-feature-wide wp-post-image” alt=​”Belmont” style=​”width:​ auto;​”

…which to my understanding means that something is sizing the image to 740×285 pixels, and then my css code is enlarging the image to 1000×397 pixels, likely causing the blurriness. Is this correct, and where can I make modifications to prevent the blurriness?

Thanks,
Jordan

---

[jlkkline]

I realized the problem was that I changed the css code after already uploading the photos. This is what caused the down-sizing and enlarging of the photos. Just in case anyone else encounters the same problem…

---

[Ginger Coolidge]

Thank you Jordan for posting your update, that is always helpful to the forum!

---

[Author]

Posts