Change Featured Image Location

Travelify
1

On my website, I’ve changed the size of the Featured Image (in the Functions file) and moved it so that it appears to the left of the Post Title. You can what this looks like at my website: http://jdawgjourneys.com. The CSS code, which you provided, to move the Featured image is as follows:

body.blog .post-featured-image {
float: left;
max-width: 200px;
margin: 20px;
}

body.blog .entry-content {
padding: 0;
margin: 0 10px;
}

I placed this in the Edit CSS section of the Appearance Option. This works fine on my home pages, but when I display a category of posts, the Features Image still shows on top and centered above the Post Title. I’d like some code, like the above CSS, that will display the Featured Image to the left when I display a category of posts.

Thanks for all of your help.

2

Hi @jdawg,

I hope you are well today and thank you for your question.

Please try using below CSS code instead of your above shared CSS code.

body.blog .post-featured-image,
body.archive .post-featured-image {
float: left;
max-width: 200px;
margin: 20px;
}
body.blog .entry-content,
body.archive .entry-content {
padding: 0;
margin: 0 10px;
}

Best Regards,
Movin

3

Thanks, Movin. It works good.
Jim

4

You are most welcome here :slight_smile: