Forminator DATE SELECTOR

Resolved svenratkajec
(@svenratkajec)

2 years, 2 months ago

Hi, is there a way to make disabled dates another color; for example RED in Forminator? Link to the page form is ” https://ratkajec.eu/#rezervacija ” and you can check out the image so you can see what I mean on this link ” https://ibb.co/Sc6YxmV “.
Thanks!

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Support Nithin – WPMU DEV Support
(@wpmudevsupport11)

2 years, 2 months ago
Hi @svenratkajec,

Please try the following CSS and see whether it helps:
```
.ui-datepicker.forminator-custom-form-8839 .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
	background: red;
	opacity: 1 !important;

}
```
You can add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

Please do let us know how that goes. Have a nice day ahead.

Kind Regards,
Nithin
Thread Starter svenratkajec
(@svenratkajec)

2 years, 2 months ago
Thanks @wpmudevsupport11 !!
Sorry to bother you but you but can you also tell me how to center those numbers in calendar and add border radius to the number cell? But not disabled dates but all dates

Best regards,
Sven
- This reply was modified 2 years, 2 months ago by svenratkajec.
Plugin Support Patrick – WPMU DEV Support
(@wpmudevsupport12)

2 years, 2 months ago
Hi @svenratkajec

For disabled dates, you can extend the shared code
```
.ui-datepicker.forminator-custom-form-8839 .ui-datepicker-calendar tbody tr td.ui-state-disabled span {
	background: red;
	opacity: 1 !important;
        border-radius: 30px !important;
}
```
For not disabled and make it center:
```
.ui-datepicker.forminator-custom-form-8839 .ui-datepicker-calendar tbody tr a{
  text-align: center;
  border-radius: 102px !important;
}
```
I can see your calendar icon is not showing correctly as well, you can fix it using
```
#forminator-module-8839.forminator-design--flat .forminator-input-with-icon [class*="forminator-icon-"]{
  top: 70% !important;
}
```
Best Regards
Patrick Freitas
Thread Starter svenratkajec
(@svenratkajec)

2 years, 2 months ago

Thanks! Everything works.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Forminator DATE SELECTOR’ is closed to new replies.

Tags