Blocking same day bookings – custom css

[Judy]

Hi, I came across a post in this forum where you recommended to use the custom css .mphb-selectable-date.datepick-today {
pointer-events: none;
}

to block same day bookings.

I have added this custom css to the customizer and found it only works on the Availability Search Calendar [mphb_availability_search]

It does not work on the Availability Calendar at all.
[mphb_availability_calendar]

Just wondering if you have custom css that will also work on the Availability Calendar?

Thank you in advance.

[J. Davis]

Hi Judy,

Thank you for your question. Could you provide a link to your site or specify to help you with CSS?

best regards,
J. Davis

[Judy]

This reply has been marked as private.

[J. Davis]

Hi Jusy,

Thank you you for provided link. Could you specify the page where I can find availability calendar? Thanks.

[Judy]

This reply has been marked as private.

[J. Davis]

Hi Judy,

Thank you for provided URL. Could you try to apply the style below:

.datepick-popup .datepick-month table tbody tr td span.mphb-date-cell.datepick-today.datepick-highlight {
    color: #77818c !important;
    text-decoration: none !important;
    font-weight: initial;
    pointer-events: none; 
}

Let me know if it is helpful.

best regards,
J. Davis

[Judy]

Thank you for replying so quickly.

The colour is showing an error when the css is added to the customiser, see screenshot https://drive.google.com/file/d/16tZWpTw_R6iAuTcN0dkH9ynU050lIRX1/view

Thank you for your help again.

Kind regards.
Judy

[J. Davis]

Hi Judy,

I’m sorry I missed # sign. I’ve updated the code in a reply above

[Sukhayanti]

Could you tell me where in the css do I place this code?

[Judy]

J. Davis – thank you for the updated css! I will test it this week without the booking.com block on and update back here.

[Judy]

Sukhayanti – the custom css is placed in the customizer, under the Additional CSS tab.

[Sukhayanti]

Yes, but in which line?

[Judy]

I put it at the end, enter a return and place it there.

[Judy]

Hi J. Davis,

My client has now turned off the same day block on booking.com and I have added the css to the customiser, its working on the Availability Search Form on the home page of the site but still not working on the Availability Calendar (I was able to select today’s date and confirm booking). This form is on the same link/page I provided earlier.

I have cleared the cache, is there anything else I should be doing?

Thank you for your assistance.
Kind regards.
Judy

• This reply was modified 4 years, 10 months ago by Judy.

[Andre Flores]

Hi Judy,

The availability Calendar may have different CSS selector, therefore, the code may differ from the one, which worked for Availability Search Form.
Kindly provide me with the direct link to the page in question, so I check it and provide you with CSS code.

Best regards,

Andre

[Author]

Posts