Featured Image left justified on smaller screens

[Anne]

Featured image looks great on standard screen size, but on phones, after the image resizes, it scrunches to left justified. I know this is an @screen issue in the css. Do you have code for me to add so this does not happen?

My client does EVERYTHING on her phone and hates the view.

Thanks for your time.

[Anne]

If you can give me the callout, I will write the code to center the image. Thanks.

[Cliff]

Sure thing:

body.single-tribe_events .tribe-events-event-image {
text-align: center;
}

Please let me know how this goes for you.

[Anne]

No luck. Here’s a screenshot:

[Cliff]

Sorry, but attachments don’t come through email. Could you please login to our forums and then upload the attachment? (Or just send a link to a screenshot)

[Anne]

I found that the problem occurs when I select “Feature Event” under Event Options in Edit Event. If you have code for that part, that would be great, otherwise I have deselected it as a Feature Event for now.

[Anne]

The screenshot for the Featured Event Option will be same as my original. When deselected it looks fine.

[Cliff]

If you set it back to a Featured Event, I’ll be able to provide that CSS as well.

[Anne]

Yes, I will use the code. Thanks.

[Cliff]

Sorry if my previous reply was unclear. To finish assisting you, I need you to set an event back to being a Featured Event and then reply here with a link to it so I can see it while it’s a Featured Event and then provide any necessary CSS to make the featured image centered.

[Anne]

OK, so I will pass. The ticketing for the event is live and my client would freak if she saw it even momentarily. Thanks anyway.

[Cliff]

I understand. Feel free to open a new thread whenever you’re ready for help on this topic again.

[Author]

Posts