Free and Premium WordPress Plugins & Themes Forums WordPress Plugins Hotel Booking Blocking same day bookings – custom css
- This topic has 14 replies, 1 voice, and was last updated 4 years, 11 months ago by
Andre Flores.
- AuthorPosts
- January 13, 2020 at 8:33 am #904231
Judy
ParticipantHi, 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.
January 14, 2020 at 3:27 pm #904840J. Davis
KeymasterHi Judy,
Thank you for your question. Could you provide a link to your site or specify to help you with CSS?
best regards,
J. DavisJanuary 16, 2020 at 12:10 am #905307Judy
ParticipantThis reply has been marked as private.January 21, 2020 at 1:42 pm #907430J. Davis
KeymasterHi Jusy,
Thank you you for provided link. Could you specify the page where I can find availability calendar? Thanks.
January 22, 2020 at 5:33 am #907744Judy
ParticipantThis reply has been marked as private.January 23, 2020 at 9:48 am #908539J. Davis
KeymasterHi 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. DavisJanuary 24, 2020 at 4:20 am #908966Judy
ParticipantThank 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.
JudyJanuary 24, 2020 at 9:12 am #909032J. Davis
KeymasterHi Judy,
I’m sorry I missed # sign. I’ve updated the code in a reply above
January 27, 2020 at 8:21 pm #910397Sukhayanti
ParticipantCould you tell me where in the css do I place this code?
January 27, 2020 at 8:38 pm #910399Judy
ParticipantJ. Davis – thank you for the updated css! I will test it this week without the booking.com block on and update back here.
January 27, 2020 at 8:39 pm #910400Judy
ParticipantSukhayanti – the custom css is placed in the customizer, under the Additional CSS tab.
January 27, 2020 at 8:43 pm #910402Sukhayanti
ParticipantYes, but in which line?
January 27, 2020 at 8:46 pm #910403Judy
ParticipantI put it at the end, enter a return and place it there.
January 29, 2020 at 5:29 am #911012Judy
ParticipantHi 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 5 years ago by
Judy.
March 11, 2020 at 2:23 pm #928964Andre Flores
ModeratorHi 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
- This reply was modified 5 years ago by
- AuthorPosts
- You must be logged in to reply to this topic.