Support forumCategory: QuestionsRequest to modify the look and feel of appointment fom
Deepak asked 8 months ago

I am using Easy Appointment plugin on this page and looking for some help w.r.t. UI for appointment booking form:

Dr. K Hari – Book Appointment

1. Can we have grey (RGB = 87,90,109) instead of golden for block-out dates.
2. Can we add some gap between the calendar and the personal information section
3. Is it possible to change the font to Montserrat, to go with the overall look and feel of the page.
4. Is it possible to customize the “I agree with Terms and Condition” message with custom text?
Appreciate any help, many thanks!

2 Answers
Nikola Loncar Staff answered 8 months ago


regarding 1. issue solution is to add this to custom styles settings in EA Settings > Customize page:

.ea-bootstrap .ui-datepicker .no-slots, .ea-bootstrap .ui-datepicker .no-slots:hover {
background-color: rgba(87,90,109);
cursor: not-allowed;

2. That will be tricky because it will break it into two rows.
3. As I see it is already have different font?
4. You can do that via translation files. Just alter translation and create new mo file that will replace original one 🙂

Best regards,
Nikola answered 8 months ago

Hi Nikola,
Thank you for your response.
I made the change as per your suggestion but I am not able to observe any changes in the form UI. Please see screenshots (I intentionally kept RGB to 0,255,0 after couple of failed attempts to see a stark contrast).
Kindly help me what am I missing.


Nikola Loncar Staff replied 8 months ago

Hi, Deepak on your site there is some kind of CSS optimization plugin that is collecting all CSS into single file. I will suggest that you add that custom style there if there is such option or to build new css cache.

Best regards,