Yes, you can hide the end time of a service using custom CSS.
You can use this script to show only the starting times:
<script>
setInterval(function () {
var elements = document.getElementsByClassName('el-radio-button__orig-radio');
var appointment_times = document.getElementsByClassName('el-radio-button__inner');
for (var i = 0; i < elements.length; i++) {
appointment_times[i].innerHTML = appointment_times[i].innerHTML.split(' - ')[0];
}
}, 1000)
</script>
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
If you need help with adding custom JS to the page, please take a look at this article.
If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.
Hi,
Currently, users can see the free time slots in the booking calendar with a start time and end time, e.g. 12:00 - 13:00.
I am wondering whether it is somehow possible to only show the start time? (e.g. no end time)
/Sanna
Hi Sanna
Thank you for reaching out to us.
Yes, you can hide the end time of a service using custom CSS.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
If you need help with adding custom JS to the page, please take a look at this article.
If you have any other questions or concerns feel free to open a new ticket and we will gladly help out.