Datepicker styles conflicting w/Jquery UI styles in Events Calendar Pro

[Clara Morris]

Hello folks!

Long time fan, first time poster. Having an issue where my event calendar styles are being over-written by styles found in jQuery-UI, and is making my datepicker look ugly. : (

Not entirely sure what best approach is to resolve, but want to make sure I do it right. I apologize as my question is brief, I’m afraid that without giving you credentials, you can’t see the error on a public link. Could I give you login access on a private message to further investigate?

Here’s a link to a screenshot: http://imgur.com/NjcoDvk

Thank you so much! You guys rock! : )

[Josh]

Hey Mike,

Thanks for reaching out to us!

The updated styling is something that we have done intentionally here, however I can definitely understand not liking the different scheme there.

You should be able to remove it by dequeueing the datepicker style. Something like:

add_action( 'admin_enqueue_scripts', 'dequeue_datepicker_style', 100 );
function dequeue_datepicker_style() {
wp_deregister_style('jquery-ui-datepicker');
}

should work to get you back to the old style.

Let me know if this helps.

Thanks!

[Clara Morris]

Hey Josh,

Thank you for getting back to me. Unfortunately, that snippet didn’t appear to fix the styles. I put it in the functions.php file of my theme, was that the correct place to add?

Just to be clear: I honestly don’t mind using the updated styling. My issue is more that the month ranges aren’t aligning correctly, as you can see from the screenshot. Whatever the style is, is completely fine by me as long as the month ranges display in the correct positions on the page on popup. Thank you for your help, would love to resolve per my client. Let me know if you’d like any credentials to look through the site yourself and thank you!

[Josh]

Hey Mike,

Sorry for the confusion there. Yes the it should be added to the functions file, however testing now it doesn’t appear to be impacting the enqueue and several common changes to address that don’t appear to be working as well.

However, on my install I’m not seeing the offset that you’re noticing on your datepicker. There are a couple of potential issues that could be occurring here:

1. It’s possible that this could be caused by styles from another plugin impacting the events page and the datepicker there. Can you try deactivating other plugins to see if there is a culprit? If so, we can then try to target where those styles are enqueued in the dashboard.
2. Does the style issue persist in multiple browsers (Chrome, FF, etc. ) or is it specific to a certain browser?

Let me know if this helps.

Thanks!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts