Todays Events Page Date

Adding the following css will fix it.

.em-item-image-placeholder {
    max-width: 150px !important;
}

How to add custom css: https://wphoot.com/support/add-custom-code-css-php-to-your-theme/#custom-css

And YES it did! Thank you. I have tried to figure out how to figure this stuff out but so far I have failed. I looked at the page source code and thought I had figured it out but no matter how I try I just can not do it. I admire those of you who understand this and more those who are willing to help

Thank you.

Jeff

I get this far then I am lost…

What I found was the image placeholder had a minimum width of 70px:

Meanwhile the calendar image had a minimum with of 125px which is too big to fit inside the 70px image placeholder:

The image placeholder should be larger so the image can fit. So, I increased the min-width of the image placeholder to 150px.

When you were looking in the inspector you were looking at the top level event (the triangular arrow was pointed to the right):

To see what’s inside, click on the right facing arrrow so that it faces down and shows what’s inside:

There are lot’s of YouTube tutorials on how to inspect the css in the browser using the devoper tools. For examples: https://youtu.be/l0sgiwJyEu4

Note this is a mistake in the css in the plugin and we’re overriding the value to fix the problem. Hopefully, the plugin author will fix this in the next release.

You are absolutly right. I also hope this will be fixed in the next update.