Support » Plugin: YITH WooCommerce Ajax Product Filter » Style Date Picker on Booking and Appointments Plugin

  • I looked for the support forum for the Booking and Appointments plugin but I could not find it. I’m trying to style the date picker and give it a dark theme. So far I’ve been able to style some of it with the code below. I can’t figure out how to style the rest of it. Any help would be greatly appreciated. Basically, I want to make it all black with white text and also change the button from ADD TO CART to ADD TO RESERVATION

    CSS I tried:
    This removes the inner border but the date moves up. If I inspect element and uncheck the padding it works but if I try to set it at 0 it moves up when I click on the date.

    .yith-booking–simple-style .yith-wcbk-date-range-picker input.yith-wcbk-date-picker:focus + input.yith-wcbk-date-picker–formatted{
    color:white;
    background:black
    border-radius:0;
    border:none;
    padding:0;
    }

    CSS I’m using so far:
    .yith-booking–simple-style .yith-wcbk-booking-form .yith-wcbk-booking-form__label{
    display:none;
    }
    .yith-booking–simple-style .yith-wcbk-booking-form input:not([type=’checkbox’]), .yith-booking–simple-style .yith-wcbk-booking-form input.yith-wcbk-date-picker–formatted, .yith-booking–simple-style .yith-wcbk-booking-form select, .yith-booking–simple-style .yith-wcbk-booking-form textarea{
    background-color:black;
    }
    .yith-booking–simple-style .yith-wcbk-date-range-picker{
    border-color:white;
    border-width:3px;
    }

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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Style Date Picker on Booking and Appointments Plugin’ is closed to new replies.