Formatting of my reservation form

SupportFormatting of my reservation form
SiteCrafter Staff asked 8 years ago
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
Nikola Loncar Staff answered 8 years ago
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
SiteCrafter Staff answered 8 years ago
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
Nikola Loncar Staff answered 8 years ago
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
SiteCrafter Staff answered 8 years ago
That worked beautifully - thank you so much Nikola!   Jeff