|
Kirstin
|
May 21, 2015 at 7:35 am
Hello –
The date picker is not displaying properly in my registration page. Please see the birthday field on this page http://0ae.f46.myftpupload.com/registration-checkout/
Thank you.
|
|
Tony
|
May 21, 2015 at 7:52 am
Hi Kirstin,
This is being cause by styles within your sites theme. You’ll need to override the styles with custom styles to suit how you want the datepicker to be displayed.
For example:
div#ui-datepicker-div {
height: auto;
}
div#ui-datepicker-div select {
display:inline;
}
div#ui-datepicker-div .ui-corner-all {
height: auto;
}
Loads the calendar much nicer.
We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.
|
|
Kirstin
|
May 21, 2015 at 10:09 am
Terrific, thank you! Is there a way to change the box length for the birthdate field on the registration form also?
|
|
Lorenzo Orlando Caum
|
May 21, 2015 at 11:04 am
Hello Kirstin,
You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).
This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or via a plugin that adds an additional stylesheet to your WordPress site such as My Custom CSS or Reaktiv CSS Builder.
Try this CSS:
input#ee_reg_qstn-20-14.ee-required.ee-reg-qstn.ee-reg-qstn-14.datepicker.hasDatepicker.ee-needs-value {width:200px;}
Then refresh the page to see the changes.
—
Lorenzo
|
