Featured Image Not Centered on Single Event View

[mnussbaum]

For some reason the featured image is aligned to the left instead of the center when viewing events. Can you provide me with the css to fix this? Thanks!

[Barry]

Hi there!

I’m guessing you’re interested in making this change in list view, is that correct? If so this CSS may help (of course, adjust to suit your specific needs):

https://gist.github.com/anonymous/508285c98bd08bd0ab08

If you’re not sure where you should put this, please review our Themer’s Guide and the section on setting up custom styles in particular 🙂

I hope that helps!

[mnussbaum]

Sorry, I actually meant in the actual single event view, not the list view.

[Barry]

OK – I wasn’t too sure as when I viewed single event pages the featured image appears to occupy the full available width (and so alignment is moot).

Given that, I’m not too sure what you are actually hoping for here – can you clarify?

[mnussbaum]

It only takes up the full available width when I use a wide image. Sometimes the image is tall and does not fill the entire width of the single event page and aligns to the left.

Here’s an example: http://orsvp.com/event/emo-night-brooklyn-round-3/

[Barry]

I see – thanks for clarifying!

So in that case, try the same steps as before but amend .tribe-events-list so it reads as .tribe-events-single — does that help?

[Barry]

… Apologies, that wasn’t quite true. You don’t need the second rule, so it should read like this:

https://gist.github.com/anonymous/7654b55eb6fb23f1a843

[mnussbaum]

That was it. Thank you!

[Barry]

Awesome!

[Author]

Posts