February 17, 2018 at 5:02 pm #216728
I am using gravity forms that includes a date picker calendar, but it doesn't seem to display correctly as per their preview page.
Here is a link to see the differences (picture only), the way it should display is on the left but the way its displaying on my page is on the right:
Here is a link to where the actual form is located:
I also noticed that within the gravity forms form builder, the section for the date picker field -> appearance, there is a section for custom css class, could something go in there to fix its appearance?
Any help on this would be greatly appreciated (along with where to put any code or the fix).
Paul.https://blacktiegroup.com.au/live-band-quote-request/February 18, 2018 at 7:12 am #216741Victor FontModerator
February 19, 2018 at 3:52 am #216764
Thanks so much for your reply. I contacted gravity forms as suggested and this is the reply I received:
You will want to contact with your theme developer to get assistance to avoid your theme creating the conflict with its custom styling and prevent doing it again in a future theme update."February 19, 2018 at 11:29 am #216772Victor FontModerator
Gravity forms is not telling you the right thing. The Genesis framework does not insert inline styles into the Gravity forms datepicker. If you view the source code on your site, this is where the positioning is located:
<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; top: 614.767px; left: 186px; z-index: 1;">
February 20, 2018 at 9:46 pm #216847
The problem has now been fixed.
The solution from Studiopress for those that run into the same problem:
To adjust the display of the date picker, you will need to edit the width in the following section of the theme's style.css file:
border: 1px solid #ddd;
box-shadow: 0 0 5px #ddd inset;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- The topic ‘Gravity Forms Date Picker Calendar Is Not Displaying Correctly’ is closed to new replies.