Post header images wrong size/position with content bar

Resolved deKay
(@dekay)

10 years, 4 months ago

I have blog posts on my main page. When I add a widget to the right bar (the content bar) the theme’s usual “post header” images are no longer centred above and behind the post title – they’re left aligned and actually slightly hidden behind the left sidebar. The images are also much smaller.

Is this a bug, or expected behaviour?

e.g. this: http://lofi-gaming.org.uk/diary/

A possible solution here:
http://wordpress.org/support/topic/featured-content-are-panoramic-not-square-and-do-fill-allotted-space?replies=9

which resizes the thumbnails, works insofaras they size the images correctly and they not longer “hide” behind the left bar, but they’re still not centred.

Viewing 6 replies - 1 through 6 (of 6 total)

Thread Starter deKay
(@dekay)

10 years, 4 months ago

Really tearing my hair out with this now. If I remove the right content bar, everything displays correctly. Put it back, and the featured images shift to the left again.

Moderator Kathryn Presner
(@zoonini)

10 years, 4 months ago

Hi deKay – have you tried uploading featured images that are wider than the ones you’re using now?

For example, this one is only 500px wide:

http://lofi-gaming.org.uk/diary/wp-content/uploads/2013/12/Did_someone_call_the_Waaaambulance.jpg

Featured images in this theme work best when the image is at least 1038px wide.

Could you try uploading an image that meets that minimum and tell me how it goes?

Thread Starter deKay
(@dekay)

10 years, 4 months ago

Thanks. I’ve uploaded a few larger images and that seems to resolve it.
However, I would still like to suggest this is a bug in the formatting. There’s no reason why a smaller image can’t be centred correctly – after all, it is when there is no content sidebar.
Moderator Kathryn Presner
(@zoonini)

10 years, 3 months ago
Hi again, I spoke with one of the Twenty Fourteen developers and confirmed that the decision to left-align featured images when the right sidebar is active was an aesthetic one, and not a bug.

If you prefer to have the featured image centered when using graphics that don’t fill the entire width of the column, you can add this custom CSS:
```
.post-thumbnail img {
	display: block;
	margin: 0 auto;
}
```
Since you’re already using Jetpack, an easy way to add custom CSS like this is to activate the Custom CSS module and add this CSS there.

Let me know if you need further help.
Thread Starter deKay
(@dekay)

10 years, 3 months ago

That works great, thanks. Looks a lot better. Seems odd they thought left-aligning it looks better than centred!

Moderator Kathryn Presner
(@zoonini)

10 years, 3 months ago

Yeah, it’s a subjective thing for sure. 😉

Glad this worked for you!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Post header images wrong size/position with content bar’ is closed to new replies.

Tags