Image width in display widgets

I’m not sure what you mean; can you be more specific? I’m not seeing any images that are being produced by My Calendar, so I’m not sure what you’re referencing, exactly.

Do you see the little pictures on the page next to each event?

https://thewestendmuseum.org/whats_on/upcoming-exhibitions-events/

Are these being generated by My Calendar Widgets? If so, how can I change the size so they’re a little bigger?

Here’s the code used in the My Calendar: Upcoming Events widgets in the template field:

<div style=”clear: both; margin-bottom: 10px;”>{image}<div style=”float: left; line-height: 140%; width: 74%;”>{link_title}
<span>{time} – {endtime}</span><p>{shortdesc}</p></div></div>

Got it – yes, those images are coming from My Calendar. You can’t change their size except by changing the image size attached to the calendar in the current version of My Calendar — done by editing the event to change the image. You can probably modify them using CSS, however.

Something like this could be like what you’re looking for:

.mc-image { width: 200px; height: auto; }

You’d also need to change the inline styles for your event info, of course.

So where can I go to be able to do all this?

Sorry, kinda new to this!

You can add custom styles either to your My Calendar stylesheet or to your theme styles; I don’t know enough about your site to say what might be wiser. Edits to the upcoming events template presumably need to be done in Appearance > Widgets, unless you’re using that from a shortcode, in which case it’s in the shortcode’s template attribute.