Stretched image in post preview

Hey,

You don’t say what it is that you want to do.

Do you want to stop the image stretching in the post preview?

Or do you want to make the image stretch in the blog post?

Or something different altogether?

Thanks Ryan,

I want to stop the image stretching in the post preview and show some of the text next to it, like it is in the actual post.

To clarify, here’s an example from another WP site: https://raftblog.com/ – see the “What to wear” post where the image and text show in the preview – although in this example it is left aligned, rather than right aligned.

Thank you for any advice you can offer!

When you inserted the image, did you insert it directly into the post or did you use “Featured Image”?

I suspect it’s to do with the following line of css in your style.css

.content_wrapper .content .post .postimg, .content_wrapper .content .page .postimg {margin-bottom:25px;width:592px;height:276px;}

Thanks – I actually tried both and it made no difference. I actually can’t find that line of css in style.css. Here is the entire code:

[Huge chunk of CSS moderated]

Line 141 of the style.css

it’s within the section, /*—-Blog Page—-*/

6 lines up from /*—Sidebar—*/

Thank you – I changed 592 to 276 and now I no longer have stretched images. I’d still like to have the text next to the image. Any suggestions on that?

I REALLY appreciate your help! Thank you!!!

I would delete that line altogether, then you’ll just have the image size you uploaded.

You can then align the image to the left, which will make the text go to the right of the image

I deleted the line and now its back to where it started ??

Image is back to being stretched across the preview page.

What’s the point of editing the theme’s files like that? You should be aware that any edits made to the theme’s files will be erased when the theme updates.

Install this Custom CSS plugin to hold your CSS modifications https://www.ads-software.com/plugins/custom-css-manager-plugin/

@andrew – Just took a look at the plugin, your right that’s the smarter way to do it.

My question though, that seems to let you add css, how would you use this to remove css that’s already in the theme.

@coventree – Can you also delete the line

.content_wrapper .content img {max-width:100%;height:auto;}

Then delete the image and add it again.

how would you use this to remove css that’s already in the theme.

You don’t.

You create new styles that override old ones.

@andrew – got it, thanks.