Hi there,
I would like to prevent guests from booking when the restaurant is closed.
It is only open 5 days a week. Is it possible to program the form in this way ?
Thanks for your answer
Best
Lex
Hey Lexa_Dryke,
Can you try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .ui-datepicker-calendar tr td.ui-datepicker-week-end {
pointer-events: none;
}
#top .ui-datepicker-calendar tr td.ui-datepicker-week-end a {
background-color: lightgray;
color: darkgray;
}
Hope it helps :)
Best regards,
Nikko
Hi Nikko,
Thanks for your answer.
I added the css but I still can choose a Sunday or a Monday with the date picker.
I would like to avoid that.
Best
Lex
Hi Lex,
Could you post a link to the page in question so that we can take a closer look please?
Best regards,
Rikard
Hi Rikard,
Sure. Here, the page : https://le-resto.fr/reservation/
Best
Lex
Hi,
I have checked your site and I don’t see the css code being reflected when checking with a web inspector, can you try to flush out the cache if you have a caching plugin, if that doesn’t work, please give us temporary admin access, so we can check further.
Best regards,
Nikko
Hi Nikko,
I flushed out the cache and the css is working. My mistake. Sorry.
Nevertheless, I would like to block Sunday and Monday reservation. Not Saturday.
Do you have a way to do that ?
Best
Lex
Hi,
Glad to hear that it’s working, please remove the code I gave and replace it with this one:
#top .ui-datepicker-calendar tr td:nth-child(1),
#top .ui-datepicker-calendar tr td:nth-child(7) {
pointer-events: none;
}
#top .ui-datepicker-calendar tr td:nth-child(1) a,
#top .ui-datepicker-calendar tr td:nth-child(7) a {
background-color: lightgray;
color: darkgray;
}
Hope it helps :)
Best regards,
Nikko
It works perfectly. Thank you !
Enfold, best template ever / Kriesi, best team !
Hi,
I’m glad Nikko was able to help you. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon