torrielynn

Hi there,

Thanks for the code! I’ve added it to my site, but it inlines everything into one column, the image included. My client wanted the layout to appear like this:

https://drive.google.com/file/d/1EorInkFr0RrmwPEehz0uGKLVt6Rq2yAl/view?usp=share_link

Is there a way to have the 2 columns still active but not squished? The above is how it appears in the backend when I am adding CSS, but appears like so in all other windows:

https://drive.google.com/file/d/1p8k0NlDzzKR6I41wdtavN7wvfCAn1K7e/view?usp=sharing

Also, I inspected the elements after applying the CSS you provided. In Dev Tools the flex property is grayed out and let me know that the flex property has no effect as the parent property is set to display:block.

Any idea how I can get the end result to look like the first screenshot?

Just updated so this thread can be closed.

The issue was with the Botiga theme we are using and I was able to get a fix via CSS from the theme developers.

Thanks!

I’ve run the troubleshooting and it looks like it is Botiga theme that is breaking the layout of the Events Calendar plugin. It functions fine on the TwentyTwenty theme but goes back to being narrowed with Botiga.

When I initially navigate to the page, the content is squished, but if I select the Month View in the calendar and back again, it resolves itself. Not sure why it would do that.

Hi Jean,

Thanks for getting back to me. We are running WP Rocket for caching and have set it up according to the guides you sent. We are running the Botiga theme and it looks like it automatically minifies CSS, but I’m not able to disable that by any easy means. The theme seems to be the source of the issue, which I had suspected when this issue popped up.

Do you know how or if I could workaround the theme conflict to disable the css minification?

Hi Oguz,

Thanks for answering me. In my original post, I shared that these images have already been resized before being uploaded to WP. Yet Hummingbird is still asking me to compress them. When I go to the files individually in the media library, they have already been smushed and resized appropriately.

If my images are already resized before upload, and then compressed, why am I still getting messages from Hummingbird to compress these images?