Date Picker Background Colour Change

[markpevans]

Hi,

I am looking to change he date picker background from the lime green default to blue.

I have taken a look at the css options but unable to find a solution.

Can you please advise the quickest way to change this?

Please find attached a screenshot.

Thanks

Attachments:

You must be logged in to view attached files.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[markpevans]

Hi Allan,

Thanks for getting back to me.

Unfortunately this did not work.

I entered the following:

.quform-theme-light.quform-datepicker .k-calendar .k-header,
.quform-theme-light.quform-datepicker .k-calendar .k-footer,
.quform-theme-light.quform-datepicker .k-calendar .k-header .k-state-hover {
background-color: #52c7f2; /* Prime BG */
}
/* Text link color */
.quform-theme-light.quform-datepicker .k-calendar td.k-state-focused .k-link,
.quform-theme-light.quform-datepicker .k-calendar td.k-state-selected.k-state-focused .k-link {
color: #89c712; /* Prime BG */
}

Is there a something that I should be selecting from the elements dropdown prehaps?

Please find attached a screenshot.

Attachments:

You must be logged in to view attached files.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[markpevans]

Hahaha!

Got it!

Lastly, how can I change the current and chosen date from green to the baby blue?

I have attached an image to explain. The 20 is in green, I want it to show in blue.

Attachments:

You must be logged in to view attached files.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[markpevans]

Hi Alan,

Ah ok! Thanks for pointing that out my friend.

Yes that worked.

Thank you for your support.

Great plugin btw!

[Author]

Posts