Blocking same day bookings – custom css

  • This topic has 14 replies, 1 voice, and was last updated 4 months ago by Andre Flores.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #904231
    Judy
    Participant

    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.

    #904840
    J. Davis
    Keymaster

    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

    #905307
    Judy
    Participant
    This reply has been marked as private.
    #907430
    J. Davis
    Keymaster

    Hi Jusy,

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

    #907744
    Judy
    Participant
    This reply has been marked as private.
    #908539
    J. Davis
    Keymaster

    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

    #908966
    Judy
    Participant

    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

    #909032
    J. Davis
    Keymaster

    Hi Judy,

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

    #910397
    Sukhayanti
    Participant

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

    #910399
    Judy
    Participant

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

    #910400
    Judy
    Participant

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

    #910402
    Sukhayanti
    Participant

    Yes, but in which line?

    #910403
    Judy
    Participant

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

    #911012
    Judy
    Participant

    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 5 months, 2 weeks ago by Judy.
    #928964
    Andre Flores
    Moderator

    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

Viewing 15 posts - 1 through 15 (of 15 total)
  • You must be logged in to reply to this topic.