Image size is pixelated

[christchurch1]

Hello and Happy New Year!

I researched the forum and could not find the answer to my question…
The images on a single event page is pixelated. I went into WP dashboard, settings, image and changed the medium size to my designated size but nothing changed.

Thank you in advance for your help!
Sharmane

[christchurch1]

Below is a link that shows an example of the pixelated image:
https://christ-church.net/event/ephiphany-pageantdinner/

[Jennifer]

Hi Sharmane,

Happy New Year!

I’m sorry the image isn’t showing up as nicely as it could…I took a look at the event you linked to, and I would recommend either adding some CSS like the following (see screenshot):

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

.tribe-events-event-image img {
min-width: initial;
}

Or, you could change the image size directly in the template for single events. If you want to go this route, our themer’s guide has instructions on how to copy the template into your child theme for editing. The template can be found at wp-content/plugins/the-events-calendar/src/views/single-event.php, and the line you’ll want to edit it is:

You can change “full” to a smaller size (see this article for more info on the sizes available).

We are limited in the amount of support that we can provide for customizations like this, but if you get stuck or have any questions, please let me know!

Thanks,

Jennifer

[christchurch1]

Fabulous! I added the CSS you recommended. Since this is now added, do I need to size all of my images the same or will the uploaded image adjust to the particular size?

Thanks!

[Jennifer]

Great! If you don’t size them the same, they may display at different widths…you can set a specific width or max-width if you would like using:

.tribe-events-event-image img {
max-width: 50%;
}
or
.tribe-events-event-image img {
width: 50%;
}

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts