Events image not showing correctly

[larajdesigns]

Hi,
On certain pages my event images are displaying strangely. I have uploaded a featured image like the rest but it does not work on these. https://visitdaltonga.com/event/creative-arts-guild-welcomes-classical-guitarist-jeffrey-bianchi/

[Jaime Marchwinski]

Hi Lara,

Thanks so much for reaching out!

Would you mind being more specific about what is strange about the way that the featured images are displaying on some of your events?

As a first step, let’s try to rule out if there is some type of conflict at play.
This is usually because of:

1.    A conflict with another plugin

2.    A conflict with your WordPress theme

3.    A template customization for the Events Calendar that requires updating

When it comes to that type of issue, it is preferable to troubleshoot in a staging environment if you have one.

A first quick test is to simply temporarily revert back to a default WordPress theme such as twenty-sixteen to see if the issue persists.

The next step would be to go through our testing for conflicts procedure and let us know what you find out.

Basically the goal here is to revert back to a bare WordPress installation to see if the problem persists. It also allows us to pinpoint what the cause of the issue is.

But, before you do that, there are 2 things I would advise:

1.    Make a backup of your database

2.    Consider activating a “Maintenance Page” plugin if you are doing this on your live site (to minimize impact on your visitors)

Let me know how that goes!

 

Thanks,

Jaime

[larajdesigns]

Hi,
So the issue was that the image dimensions were too small, maybe 350px across or so, and the green bar with title that goes across the image was only going about 1/3 of what it is now, making the text jumbled and covering up the image. I fixed by sizing up the image, but is there a way for the image to go full width across reguardless of size uploaded?

[Jaime Marchwinski]

Hi Lara,

Thanks fo providing me with some more details on the issue.  Have you always experienced this issue with featured images, or is this something that just started occuring?

In any case, you can set the image to full-width by altering the CSS associated with it.  You can do this in the WordPress Customizer or in your theme’s (or child theme’s) stylesheet.  Try adding something like this in there:

img.attachment-full.size-full.wp-post-image {
width:100%;
}

Let me know how that goes!

 

Thanks,

Jaime

[larajdesigns]

Hi Jamie,
I added that code but it didn’t seem to help, here is another website with the same problem: http://downtowncartersville.org/event/wine-tasting-live-music/2018-01-27/

I don’t feel like i’ve ever noticed it doing this before, but I am not 100%. Thanks!

[Jaime Marchwinski]

Hi Lara,

Have you had a chance to go through our testing for conflicts procedure?  You can try switching to a default WordPress theme, like ‘Twentyseventeen’ to see if the featured image issue still occurs there.

Other than that, you can try a third-party featured image plugin like this one.  Since we are not affiliated with this plugin, we cannot make any guarantees about compatibility and features.

Let me know how it all goes!

 

Thanks,

Jaime

[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