Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 25, 2018 at 5:24 am #1037342
    patrickpriest81

    Hi… I have a dark background/theme… and when I created a contact form and use the date picker… the blocks that are suppose to show the months are white background with white color font… so you cant see the months selected. How can I make the background of these dark?Date Picker

    November 25, 2018 at 5:38 pm #1037371
    Mike

    Hey patrickpriest81,
    Please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

    November 25, 2018 at 6:04 pm #1037379
    patrickpriest81

    Attached in private. As you can see… click on the “Event Date” field and you will see the dropdown selection for the months/years appears to be white on white. Also, is there a way to make it display as MM/DD/YY instead of DD/MM/YY?

    Thank you Mike.

    November 25, 2018 at 7:08 pm #1037398
    Mike

    Hi,
    To correct the date background colors, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top select.ui-datepicker-month,#top select.ui-datepicker-year {
background-color: #191919 !important;
border: 0px none #191919!important; 
color: #777 !important; 
}

    To change the format of the datepicker, Try adding this code to the end of your functions.php file in Appearance > Editor:

    add_filter('avf_datepicker_dateformat', 'avia_change_dateformat_cf');
add_filter('avf_datepicker_date_placeholder', 'avia_change_placeholder_cf');

function avia_change_dateformat_cf() { return  'dd / mm / yy'; }
function  avia_change_placeholder_cf() { return  'DD / MM / YY'; }

    Best regards,
    Mike

    November 25, 2018 at 7:23 pm #1037409
    patrickpriest81

    The color worked perfectly… the date format is still the same…
    I assume I should change one of the last lines to
    { return 'MM / DD / YY'; }
    But would I change the one with “dateformat” or “placeholder”?

    November 25, 2018 at 7:25 pm #1037411
    patrickpriest81

    Nevermind… I tested and realized I needed to change them both to the format I wanted.
    I works perfectly now. Thank you.

    November 25, 2018 at 7:28 pm #1037414
    Jordan Shannon

    Hi,

    I’m glad this was resolved for you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Date Picker Colors’ is closed to new replies.