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

Hi,
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 2 weeks ago

Hi,

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

Deepak@opdlift.com answered 2 weeks 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.


 
 
Regards,
Deepak

Nikola Loncar Staff replied 2 weeks 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,
Nikola