CSS issue in Events list widget

[Christian]

After updating event calendar pro 4.3, event date box is not properly displayed in List view widget. It was working fine in version 4.2.6.

In attachment you can see overview.

I found that in 4.3 release, following code is missing in classname “tribe-mini-calendar-event .list-date .list-dayname” in events-calendar-pro/src/resources/css/widget-calendar-full.css.

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

4.2.6 code:
.tribe-mini-calendar-event .list-date .list-dayname {
background: #fff;
color: #666;
padding: 3px;
font-size: 9px;
text-transform: uppercase;
width: 100%;
text-align: center;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

4.3 code
.tribe-mini-calendar-event .list-date .list-dayname {
background: #fff;
color: #666;
display: block;
font-size: 11px;
letter-spacing: .5px;
padding: 3px;
text-align: center;
text-transform: uppercase;
width: 100%;
}

[Geoff B.]

Good evening Dietmar and welcome back!

Thank you for reaching out to us and for bringing this to our attention.

You are absolutely right, this is a good catch!

I will open a ticket so that this gets corrected. Unfortunately, I cannot commit to a release date at this point. But stay tuned, you will be contacted when the fix is released.

Have a good week-end,

Geoff B.

[Shannon]

Thank you, Saloni. I was pulling my hair out trying to figure out what was causing that. I added the missing code back and it resolved the issue.

I had to revert back to version 4.3 because 4.3.1 & 4.3.1.1 both crashed my site (Error 500). I’m not upgrading back until things get a lot more stable around here.

[Geoff B.]

Hey Shannon,

Thank you for chiming in.

We are still working on the CSS bug reported by Nietmar (which you can temporarily work around with Custom CSS). But the error 500 messages are completely stabilized by now.

I would suggest opening a separate thread if you experience any further issue with this.

Best regards,

Geoff B.

[Shannon]

This is still a bug as of Version 4.3.2

[Geoff B.]

Good evening Shannon,

You are absolutely right. Our 4.3.2 maintenance release was pretty jam packed and unfortunately this one did not make the cut.

Hopefully it will be the case on the next one (in about 2 weeks). With that in mind, as soon as the CSS is fixed, we will update this ticket accordingly. So stay tuned!

Also, in case you did not already know, you can totally temporarily fix this CSS rule should you want to. I can even help with that if you need.

Have a good week-end,

Geoff B.

[Shannon]

I’m game for assistance, as the fix I’d applied prior to this update (adding the three lines to the CSS) is no longer having any affect. Yes, I’ve refreshed my browser’s cache.

[Geoff B.]

Hey Shannon,

It is very odd that the CSS no longer seems to apply. Would you mind sharing a URL of a page on your install where the CSS should be kicking in ?

If you prefer, a full-fledged separate thread is absolutely welcome (so that Dietmar does not get notifications on this).

Have a great day!

Geoff B.

[Shannon]

This reply is private.

[Geoff B.]

Good evening Shannon,

I went and took a look at your website and there is no trace of Dietmar’s suggested rule.

I am not sure were they were added or how come they are showing up on your end.
But, as far as I can tell, they are “invisible” to the site.

The simplest workaround in the meantime is to use a plugin such as https://wordpress.org/plugins/simple-css/

You can simply paste the 4.2.6 rule in there and it should be back to normal 🙂

Best regards,

Geoff B.

[Shannon]

This reply is private.

[Geoff B.]

Dear Shannon,

Thank you for providing me with some extra information.

That is odd to say the least. I am mostly sorry this is not working for you right now.
There are still 2 solutions I would recommend:

1. Use a plugin such as https://wordpress.org/plugins/simple-css/ and paste your CSS rule there
2. Use a template override where you hardcode the style until the issue is fixed. You can use the following file in yourtheme/tribe-events/pro/widgets/modules/ single-event

If that still does not work, I would ask that you please open a separate thread so that we can deep digger into this without sending notifications to Dietmar every step of the way 🙂

Best regards,

Geoff B.

 

[Shannon]

Geoff B., can’t see your November 10th reply, unless you’re simply informing me I marked my previous reply as private. Was there some issue with me marking it as private? I did so because I was sharing my full CSS and file path.

[Geoff B.]

Hey Shannon,

Sorry about that.
My reply turned to “private” automatically after your own.

And as you found out, you cannot read private replies unless you are the one who started the thread.

I just made it public.

Best regards,

Geoff B.

[Shannon]

No worries, Geoff. When I hadn’t heard from you I came back here and used the suggestion you’d made publicly. The Simple CSS plugin does solve the issue on both my WordPress sites that are using The Events Calendar Pro plugin (and Filter Bar, etc.) It’s all good. I don’t know why it decided to break all of a sudden, and I don’t have much hair to tear out, but I appreciate your help on this. I’ve documented the workaround so it’ll be a speedier process going forward.

Thanks again,

– Shannon

[Author]

Posts