Change color of Datetime Picker Calendar Icon

  • kunalg

    (@kunalg)


    4 years ago

    Is there any way to change the color of the calendar icon that comes with date picker in contact form 7 in Google Chrome. I have tried all css classes associated but no results. Got it checked by some developers but still no progress.

    Has anyone faced a similar problem and got it solved ?

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

Viewing 1 replies (of 1 total)
  • Jainil Nagar

    (@jainilnagar)

    Hello @kunalg

    You can do something like this:

    .wpcf7-date {
    position: relative;
}
.wpcf7-date::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}
.wpcf7-date:before {
    color: #b68644;
    background: none;
    display: block;
    font-family: 'FontAwesome';
    width: 15px;
    height: 20px;
    position: absolute;
    top: 12px;
    right: 6px;
    content: '\f073';
}
Viewing 1 replies (of 1 total)
  • The topic ‘Change color of Datetime Picker Calendar Icon’ is closed to new replies.