Request to modify the look and feel of appointment fom
Hi,
I am using Easy Appointment plugin on this page and looking for some help w.r.t. UI for appointment booking form:
https://opdlift.com/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. 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
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
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
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
Please login or Register to submit your answer