Hide Service section with the divider

CSS Codes Appointment Booking
1

Add this code to the Custom CSS field on the Settings tab of your Appointment Booking widget’s settings:

[class*='content__Container-sc'] > div:nth-child(2) {
display: none;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

2 Likes
2

Hi @Max,

Thanks for the code. Just providing some feedback. If the intention for this code was to hide both the Service Details, Booked Date and Time, and “Go Back” (custom CSS Code) at the top of the booking form, then it works well. I like those details, and functionality for my current use case so I’ll use this code for another use case should it present itself.

With thanks,

mw :man_technologist:t5: :sparkles:

1 Like
3

Yep, this code is intended to hide all elements of the Service section, which includes Booked Date and Time, Service Details and the Custom Go Back button :slightly_smiling_face:

1 Like