Support forumCategory: QuestionsFormatting of my reservation form
SiteCrafter asked 5 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 5 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 answered 5 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 5 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 answered 5 years ago

That worked beautifully – thank you so much Nikola!
 
Jeff