Date selector in backend doesn't show Saturday or Sunday

[Joel Losego]

If you add an event through the frontend, all is fine, but if you try to add or edit an event in the backend, the date selector does not show any saturday or sundays! You can usually type in the date to force it, but no “click and pick”. Tried the latest plugin update also. I’ve attached a word doc with a screenshot for you to see. Any ideas? Thanks!

Joel

[Geoff B.]

Good evening Joel and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.

We are sorry to hear about the date picker not displaying properly on your install.
I would love to help you with this topic.

From your screenshot, it looks like Saturday and Sunday are actually displaying, but only on the last of the 3 months.

This leads me to believe they are probably overlapping on your site.
Ideally, if you could do some a quick CSS inspection with Google Inspector’s you should be able to tweak things.

To get you started, try the following rule:

.ui-datepicker-multi .ui-datepicker-group table {
width: 90% !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Joel Losego]

Hello Geoff, can you please give me some guidance on which file is supposed to have that code inserted? I tried inspecting the code in the browser and finding a few CSS files that I thought might have been it but none of them corrected the issue.

[Geoff B.]

Good afternoon Joel,

Usually you should be able to insert that piece of code in your WordPress theme or child theme style.css file.

If for some reason you are not comfortable with this or that does not work, I would simply recommend using a plugin such as: https://wordpress.org/plugins/simple-custom-css/ to add the CSS code.

If that still does not work, could you please send me a copy of your WordPress theme / child theme in a .zip file link (via Dropbox or Google Drive) so that I can run some tests on my end ?

Please ensure you are using the latest files as found on your actual website.
This way I will get access to any updates you might have made.

Let me know how that goes.

Best regards,
Geoff B.

[Joel Losego]

This reply is private.

[Geoff B.]

Good afternoon Joel,

Thank you for writing back.

What is going on is that your theme is actually trying to take over the display rules of all date pickers – including ours.

You could still edit that rule in the file even if the layout is compressed in a single line.
CSS is not parsing sensitive for the most part.

Ideally a custom CSS rule somewhere else than in a theme file (e.g.: Child Theme, Custom CSS panel) would ensure it does not get overwritten when comes time for a theme update.

But in this specific case, what is going on is that the CSS is loaded via jQuery so in any change in a normal CSS file won’t work.

So it looks like you’ll have to either edit or remove that line in the Option Tree folder (/wp-content/themes/barcelona/option-tree/assets/css/A.ot-admin.css)

Let me know how that goes.

Best regards,
Geoff B.

[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