We have two separate forms on our site that use a feature to pick your Date of Service.
When I test the form, it shows correctly under the preview but when I make it live, it header area of the calendar where a client should see the Year, Month, and arrow keys to scroll to alternate months is all white including the fonts so it looks like nothing is there.
If you click on the filed, it drops the calendar down and you can hover over the area. When you hover, the content shows up but on it’s on its own it looks blank.
We are running WP 4.8.6 on an Enfold Child Theme on version 4.2 using FormCraft Form Builder.
I tried all available highlight and font options under FormCraft. I also tried updating the various theme styling options but can’t locate anything to adjust this.
Can you please assist in how to get the header section of the drop down calendar area to show the content there.
Hey ablando,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #ui-datepicker-div.fc-datepicker .ui-datepicker-header * {
color: #666 !important;
}
#top #ui-datepicker-div.fc-datepicker .ui-datepicker-prev:hover *,
#top #ui-datepicker-div.fc-datepicker .ui-datepicker-next:hover *,
#top #ui-datepicker-div.fc-datepicker select.ui-datepicker-month:hover,
#top #ui-datepicker-div.fc-datepicker select.ui-datepicker-year:hover{
color: #fff !important;
}
If you need further assistance please let us know.
Best regards,
Victoria
Perfect Victoria. That did the trick. Thanks so much. This issue is now resolved.
Hi,
Great, glad we could help and sorry for the problems. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Issue resolved and you can close the ticket. Thanks again.