How to modify the style

Hi ahd,

It looks like some of the styling from your theme is being applied to the form and calendar, so you can indeed make those kinds of changes by adding some additional CSS. For example, to change the color and font weight of the text in the calendar, you could use something like:

.picker__day {
    color: #000 !important;
    font-weight: bold;
}

okay thx perfect and for the others points :
– How to hide (from time dropbox) the closed hours => select on wednesday we should get only 8 slots
– How to change the color only of the fieldname “Add a comment”
– How to change the style (font, color background) of the confirmation message after the booking

Many thx

You can right click on an element on your form and choose inspect (or inspect element) and it will show you the CSS class or ID of the object you want to modify.

For the ajoutez message

.add-message a {
    color: #f0a;
}

For hiding the disabled times

li.picker__list-item.picker__list-item--disabled {
    display: none;
}

The success message doesn’t have its own ID or class, so you can’t target it with CSS. But the red color is being added inline. So, if you added that, you just need to change it. Or, if you didn’t add it, you need to figure out what’s adding it inline like that.