Featured Image on Single Event Page

[eutaw]

I’m using modern events calendar with a monthly view and a list view. I like the featured image for
the monthly view, but would like the featured image to be larger on the list view. Also, I want to remove the featured image from the single event page. How am I able to do this? Your help is appreciated.

[tristup]

Hi @eutaw,

Thanks for reaching out.
To enlarge the image in the list view and to remove the featured image from the single event page you need to add the following custom CSS code into the Theme Options > CSS.

.mec-events-event-image
{
    display: none;
}
.mec-event-image
{
    width:auto;
}

Remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[eutaw]

Thank you. That is the look I want for the single event page. However, it removes the featured event for all other single event pages, which I had not accounted for. Is there a way to remove the featured image only if there is another image on the single event page?

[tristup]

Hi @eutaw,

Regretfully, there is no such option or custom CSS code that detects another image on the single event page. The second image is part of the content and can’t be separately recognized.

Thanks

[eutaw]

OK, thank you.

[ruenel]

You are most welcome.