Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 7, 2018 at 10:04 pm #923374
    djshortkut

    Can you provide me with some custom css to change the highlight color of the active Datepicker number please? I would like it to be #188ece when it is selected (active) and white with a blue background when it is hovered over.

    For some reason it is showing up green right now. I tried the code below which makes it the correct color when it is active but also makes it that color when you hover over it instead of white so then you can’t see the number. (See Images)

    #top .avia-datepicker-div a.ui-state-highlight {
color: #188ece !important;
}

    Thanks in advance!

    March 8, 2018 at 8:08 am #923633
    Victoria

    Hey djshortkut,

    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.avia-datepicker-div a.ui-state-active {
  color: #188ece;
}
#top #ui-datepicker-div.avia-datepicker-div a.ui-state-active:hover {
  color: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    March 8, 2018 at 8:00 pm #924018
    djshortkut

    Thanks Victoria. That code didn’t work. I was able to modify the code to get it to work. The only issue now is when you pull up the datepicker both the background of the box and the number are #188ece so it looks like just a blue box without the number. How can I make it so the active date is in white with the blue background when you first open the datepicker? Right now I have it set so that if I hover over the active date it works correctly, it just doesn’t work when you initially open the datepicker. 

    #top .avia-datepicker-div a.ui-state-highlight {
  color: #188ece !important;
}
#top .avia-datepicker-div a.ui-state-highlight:hover {
  color: #fff !important;
}
    March 9, 2018 at 8:23 pm #924701
    Basilis

    Hi,

    try also use the class ui-state-default as that is also loaded for starters!

    Best regards,
    Basilis

    March 9, 2018 at 9:28 pm #924739
    djshortkut

    Thanks, I figured it out. You can close this ticket.

    March 9, 2018 at 10:16 pm #924766
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Datepicker Font Color’ is closed to new replies.