Hey,
I did manage to fix all the styling issues for the Appointments Page, but then I went to check if there are any other styling issues caused by the Job Manager Plugin.. and indeed I found that on my Yith Gift Card Product Page, the same styling issues appear in the date picker. And those I can′t manage to fix so easily.
Please consider doing something about this on your end, as it obviously doesn′t only affect one other plugin, but apparently it affects ALL (or at least multiple different) date pickers. The current CSS styling of WP Job Manager just seems not to be compatible with any date pickers. I for one won′t be able to use this plugin until this gets fixed.
Let me tell you what I noticed:
On both datepickers, the “datepicker-prev” button gets dragged down. On both datepickers, the same prev button and the corresponding next button get replaced with triangles instead of the default long arrows.
And obviously the styling of the dates themselves gets messed up (responsible selectors on the appointments page: ui-state-default ; ui-state-active ; entry-summary td ; entry-summary a).
Even though both the Yith Gift Cards Plugin and the BookingWP Appointments Plugin have datepickers, none of them interfere with eachother the way WP Job Manager does with both of them.
Here′s the css code I used to somewhat correct the Appointments Product Page styling issues:
.appointable .ui-state-default.ui-state-active {
height: auto;
}
.woocommerce #content div.product .entry-summary td {
height: auto;
}
.woocommerce #content div.product .entry-summary a {
height: auto;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev span {
height: 38px !important;
margin-bottom: -2px;
}
Styling issues screenshots:
https://www.dropbox.com/s/x07qatcypf73y4h/Screenshot%20%28571%29.png?dl=0
https://www.dropbox.com/s/njafbgt5ppo58y5/Screenshot%20%28572%29.png?dl=0
Here are pictures of the affected Yith Gift Cards selectors (overwriting them doesn′t help at all): https://share.icloud.com/photos/0L5llUwlJPBqjx5QrQ-31jDAw