Formatting of my reservation form
I am trying to integrate this plugin on my site (it seems to do everything I need), but the form looks HORRIBLE. Misalignment of labels and fields – huge gaps between lines. Is there anything that can be done to make it look more consumable for the site visitor?
4 Answers
Hi,
you can add custom styles to form inside EA settings > customize page. Can you please send me the link to that page so I can take a look and suggest what to set there.
Best regards,
Nikola
Nikola,
The page is https://rocksoliddogs.com/easy-appointments/
I'm not sure what is different now, but I put the shortcode up on a different test page and the formatting looks much better now. The only thing that is still a bit concerning is the double-digit dates appearing with numbers on top of each other, rather than next to each other. 11 should be "11", not
1
1 Can you suggest any guidance on how to fix that? Thanks so much in advance! Jeff
1
1 Can you suggest any guidance on how to fix that? Thanks so much in advance! Jeff
Hi Jeff,
please go to settings > customize page and find field for custom style, there paste this :
.ea-bootstrap .ui-datepicker { width: 100%; } .ea-bootstrap .ui-state-default, .ea-bootstrap .ui-widget-content .ui-state-default, .ea-bootstrap .ui-widget-header .ui-state-default { background-color: transparent; border: 0; } .ea-bootstrap .ui-widget-header { background-color: transparent; border: 0; }and save the settings. After that reload the form page and see if it looking better. :) Best regards, Nikola
Please login or Register to submit your answer