Topic: Change Color Datepicker

Zhao pro asked 6 years ago


How can I change the blue color from datepicker?

Marta Wierzbicka staff answered 5 years ago


Hi,

you have this code:

@media only screen and (min-width: 768px) .picker__box .picker__header .picker__date-display { background-color: #6d4c41; }

so, remove the media queries and colors will be fine: .picker__box .picker__header .picker__date-display { background-color: #6d4c41; }

Best, Marta


Marta Wierzbicka staff answered 5 years ago


Hi,

Date Picker is a premium component, and according to our system, you use the MDB Free version.

Please, provide us a number o your order or registered email to confirm your access to MDB Pro components and premium support.

Send it to me on email: m.szymanska@mdbootstrap.com

Best, Marta


vgt pro commented 5 years ago

I sent you a message 3 days ago. Could you please check it. Thank you :-) Have a nice day!


vgt pro answered 5 years ago


Hi Marta! Unfortunately this solutions doesn't work on mobiles or when I change window size.Then colors are still default.

I work with MDB 4.7.6.

Where is the problem? Thanks


Marta Wierzbicka staff answered 6 years ago


Hi, try this CSS code:
.picker__box .picker__header .picker__date-display .picker__weekday-display {
background-color: #ff4444;
}
.picker__box .picker__header .picker__date-display {
background-color: #ff4444;
}
.picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover {
background-color: #ff4444;
}
.picker__box .picker__table .picker__day.picker__day--today {
color: #ff4444;
}
Best, Marta

Zhao pro commented 6 years ago

That's briliiant! Thank you Marta!

Marta Wierzbicka staff commented 6 years ago

You're welcome.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags