force featured images to specified size

[Robert]

I needed to force the calendar plug and my Divi Theme to respect the specific size of my featured image icons at 64 pixels, rather that trying to blow them up to various large sizes. To say the least, they looked less than professional when up-scaled.

I added the following CSS code to the Divi Theme.

.tribe-events-list .tribe-events-loop .tribe-events-event-image, .search .et_pb_post a img {
    max-width: 64px;
}
.tribe-events-list .tribe-events-event-image img {
    height: auto;
    width: auto;
}

[Jennifer]

Hi Robert,

Thanks for reaching out!

I took a look at your site, and it appears the images are now displaying at 64px wide. Did you get this figured out? If it’s still not respecting your width, you can try using max-width: 64px !important; instead.

Let me know if you need any further assistance with this!

Thanks,

Jennifer

[Robert]

Thank you for that. The ultimate answer is to force the formatting to respect the original image size, whatever it might be, but forcing 64 pixels is a fix at this moment since all the icons are that size. Is there proper CSS language that restricts display size to original dimensions without specifying the size?

• This reply was modified 8 years, 10 months ago by Robert.
• This reply was modified 8 years, 10 months ago by Robert.

[Jennifer]

Hi Robert,

That first rule in your CSS is setting the max width of the image’s container to 64px….if you want the images to be the original size, you can remove that rule, and then you can set the image width to initial:

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

Does that give you what you’re looking for? Let me know if you need any further clarification!

Thanks,

Jennifer

[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