Hey all. Did a search and couldn't find an answer, so posing my question. I know I'm not the first to want to do this, but can't figure it out. I have an image, above the fold in a blog post, that I want to be a larger size in the real post, but in the blurb on my front page I want to shrink it down 50%.
I can't just do .entry-content img {width: 50%;} because that would change the real post too, and I tried .home .entry-content img {width: 50%;} (don't know the .home class, but saw something about it in another post) but got no luck there either. What am I doing wrong/missing?
Thanks.
EDIT/UPDATE: So I was able to get it to work using .home .entry-content img {width: 150px; height: 100px;}. This is fine for right now, but I would really prefer to have the resizing be dynamic and always go to 50%, so that I don't have to make sure my images in my main post are always 300x200 (or at least that ratio). Seemed the width: 50% was resizing to 50% of the parent div, rather than 50% of the image's size. What is the trick/code to have the image scale down rather than worry about its parent div's size?
