Calendar not displaying Month & Year

Hi @lumina2023,

in addition to the days row is in black, I want to change the font to white.

The font color can be changed within the plugin side by editing the form and under “Appearance” tab > Colors > Calendar Table change the “Table head color” color to white.

Screenshot at 18:23:39.png

Regarding the month and year not showing up, I could notice the issue. It looks more like a conflict.

Could you please check and see whether you get the same issue with all the plugins disabled except Forminator and with a default WP theme enbaled?

The above step would help in ruling out the root cause of the issue.

If the issue is still the same even after the above steps then please do share the form export so that we could check further.

Please check the following doc on how to export a form:
https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

If you are concerned about any sensitive information in the form, then you can duplicate your form, remove any sensitive information, and then export it.

You can share the export file via Google Drive, Dropbox or any cloud services in the next reply.

Looking forward to your response.

Best Regards,

Nithin

Hi,

Thanks, the header color changed..

About deactivating the plugins, I did that but nothing changed, please find below link with the export as requested.

https://drive.google.com/drive/folders/1dMyxsNif3fT_4z8AQWXE62eC5Lhiax4W?usp=sharing

Regards,

Lumina

Hi @lumina2023

Thanks for sharing the form.

I imported it to my test setup and checked – there is only a single calendar (date-1 field) and on my test setup it works fine.

But it also shows up as expected on your site:

https://app.screencast.com/uWRKO8m3TCdSf

Note though: I tested it as a guest visitor and using incognito browser tab so I surely didn’t get any cached version of CSS/JS. If the issue is still happening for you, please check if it works when you test in browser “Incognito” mode.

If yes, then simply purging all cache on site/server and possibly in browser should help.

Kind regards,
Adam

Hi Adam,

I tried all ways, by purging all cache site/server and browser, I tried different browsers and devices but still the same.

https://app.screencast.com/3qTdjhSVjzqkc

https://app.screencast.com/9esJIwciU5ifC

Please try to click on the calendar selection again, does it still shows the month and year, as sometimes it disappear after second or third try.

Looking forward your reply.

Thanks,

Lumina

Hi @lumina2023

Thank you for screenshot!

You are actually right, I missed that because I focused on the calendar itself.

I checked and that month and year is there but it’s not visible because of additional CSS that comes from the active theme and causes conflict.

To fix it, please add following CSS to your site:

.forminator-calendar--default .ui-datepicker-header .ui-datepicker-title select {
    visibility:visible!important;
}

Note please: do not add it in form’s custom CSS. Instead put it in some custom/additional CSS option of your theme; make sure to purge all cache again after that.

Kind regards,
Adam

Hi Adam,

Thanks for your reply.

Yes, it works now all the time but how to change the month and year font to white? as it’s not clear.

https://app.screencast.com/3mhTK4He7pbSa

Thanks,

Lumina

Hi @lumina2023

Those can be changed directly from plugin without need for CSS (unless, again, theme is overriding this) so please try this:

1. go to “Appearance” setting of your form
2. switch “Colors” to “Custom” (if you didn’t switch it yet)
3. expand the “Calendar basics” tab and switch to “Select”
4. there you’ll have setting for border color, background color and color (that is the text color) – those are for that month and day part of the calendar that you asked about.

Make sure to update the form and clear all cache before testing, it should do the trick.

Best regards,
Adam

Hi Adam,

Thanks alot, the calendar works perfect now..

Appreciate your support all the time.

Regards,

Lumina