Tagged: image width
Hello!
I’d like pictures to display about 2x wider (basically full size) than the blog post text. Right now the pictures and text are the same width, but I don’t want the text AND image to be wide.
I’ve searched through the forums and can’t figure this out, so here I am. Any quick fix for this without going with an image slider? I just want a simple picture inserted into the post. It’s easy to see what I’m talking about with any recent post on my blog.
Thanks!
Hey dakotagale!
Add this to your custom CSS.
#top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100% !important; }
You would then need to add a class to your paragraphs or surround them with a separate element with a max width of 600px.
<div style = "max-width: 600px;">
</div>
I don’t see an easy way of doing that with just CSS because your images are surrounded by paragraphs also.
Best regards,
Elliott