Hi Dillon,

thank you for reaching out to us

You can do this with this code:

This is not CSS, but JavaScript.

You can add it in Custom CSS, I believe, but it has to go in between the <script>...</script> tags:

<script>
window.ameliaBooking = {
    cabinet: {
        pastDays: 0,
        futureDays: 30
    }
}
</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.

Hi Dilon,

thank you for the kind reply

This is the appointment calendar in the back, from what I can see in the image, right?

If so, unfortunately, we don't have this option yet.

 I'll kindly ask you to add it as a feature suggestion on this page. 

Features are pushed up on our "to-do" list when there are a lot of customers requesting those features, so having your vote as a customer can be beneficial to this feature being developed sooner.