Hello there,

Thank you for reaching out to us.

You should be able to set a color for each individual event when you click on edit event and there you will see customize section. there you should be able to change the color for each event.

Hope this helps.

Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.

We wish you all the best.

Have a nice day. 

Hello again Oliver,

Unfortunately, currently, this feature is not built-in in Amelia.

In light of this, we encourage you to kindly consider submitting this valuable suggestion as a feature request through the following link: https://features.wpamelia.com/. The prioritization of feature development is greatly influenced by the number of customer requests received. By participating and expressing your support, you contribute significantly to the potential expedited implementation of this feature.

Since, currently, there is no such feature built-in, we can try to change it via CSS but not sure if this will work.

We are sending you the CSS that you can apply, we have put the red color but you can change to whatever color you want.

.amelia-app-booking #amelia-booking-wrap .am-appointment-times.am-scroll::-webkit-scrollbar-thumb {    background: red;
}

Hope this helps.

When you have several questions or issues please open a new ticket, and we will help you there. In that way, issues and questions which are related to different subjects will be in separate tickets so other customers or our support agents can find them easily. 

Our policy is to have one issue or question per ticket because of the reasons that are described already.

Thank you for understanding.

Hello again,

You need to apply this to your page. It seems that you are using 1.0 booking form not our new ones 2.0. So you can try and expand our booking so that you do not need to scroll down using this custom CSS

.amelia-v2-booking #amelia-container.am-fs__wrapper {
    height: 700px !important;
}
.amelia-v2-booking #amelia-container .am-fs__main-content {
    height: 584px !important;
}

You can expand it per your needs.

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. 

Hope this helps.