Support » Plugin: WP Job Manager » WP Job Manager and BookingWP Appointments Plugin Incompatibility

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support bindlegirl

    (@bindlegirl)

    Hi @todama !

    I see what you mean about the styling issue in the calendar picker. It looks like the Booking WP and WP Job Manager have conflicting CSS styles and there is no simple way of fixing it. You will need to override them in your (child) theme CSS file or add new custom CSS styles to the Customizer.

    Please note, you will have to add more specificity to your CSS to be able to override the existing CSS in the correct spots. (See here: https://www.w3schools.com/css/css_specificity.asp)

    For example, you can try adding this CSS to your Custom CSS in the Customizer and see if it will get the date picker to show up correctly:

    .appointable .ui-state-default.ui-state-active {
        height: auto;
    }
    Thread Starter todama

    (@todama)

    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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘WP Job Manager and BookingWP Appointments Plugin Incompatibility’ is closed to new replies.