Make images on blog posts smaller, but still responsive on mobile

[Clare]

Clare

March 24, 2016 at 2:17 am

Hi,

I’m using the blog page template/shortcode on a few pages to display some posts, but I’m wanting to make the feature images a little smaller. By default, it’s 41%(Image)/59%(Content), but I’d like it to be 30%(Image)/70%(Content). I’ve tried adding the following CSS into Theme Options –

.col-md-5, .span5 {
width: 30%;
}

.col-md-7, .span7 {
width: 70%;
}

But when I look on mobile the images aren’t responsive anymore and go tiny. Is there anyway to achieve making featured images smaller, but still work as normal on mobile?

Thanks