Personaliza KUAD Calendar

Shortcode: [KsMKuadCalendarMeetingPickerSC style=0 public_slug_name="cambiar-por-el-nombre-del-calendario"] IMPORTANTE: Agregarle al modulo la clase CSS  insert-kuadcalendar /*==== KUAD CALENDAR ====*/ .insert-kuadcalendar .kuad-calendar-meeting-picker { padding: 0 !important; min-height: auto !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-wrapper, .insert-kuadcalendar .kuad-calendar-meeting-picker-timezone-container label { font-family: Poppins, Helvetica, Arial, Lucida, sans-serif !important; padding: 0 !important; max-width: 100% !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-timezone-container label { color: #333333 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-timezone-container select { font-family: Poppins, Helvetica, Arial, Lucida, sans-serif !important; border: 2px solid #333333 !important; border-radius: 50px !important; padding: 8px !important; color: #333 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day { height: auto !important; padding: 4px 0 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day-number { width: 90.7% !important; height: 40px !important; color: #fff !important; background-color: #01897B !important; border: solid 2px #01897B !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day-number:hover { color: #fff !important; background-color: #01BFA5 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day-selected .kuad-calendar-meeting-picker-day-number { color: #01897B !important; background-color: #fff !important; border-color:#01897B !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day-blocked .kuad-calendar-meeting-picker-day-number { background-color: transparent!important; color: #767676!important; border-color: transparent !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day-next .kuad-calendar-meeting-picker-day-number, .insert-kuadcalendar .kuad-calendar-meeting-picker-day-next:hover .kuad-calendar-meeting-picker-day-number, .insert-kuadcalendar .kuad-calendar-meeting-picker-day-previous .kuad-calendar-meeting-picker-day-number, .insert-kuadcalendar .kuad-calendar-meeting-picker-day-previous:hover .kuad-calendar-meeting-picker-day-number { background-color: transparent!important; color: #767676!important; border-color: transparent !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-days-header-name { font-size: 14px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-month, .insert-kuadcalendar .kuad-calendar-meeting-picker-year { color: #333333 !important; font-weight: 700 !important; font-size: 22px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-arrow { font-size: 20px!important; color: #333333 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-header-date { font-size: 14px!important; color: #333333 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list-item-hour { font-size: 14px !important; font-weight: 500 !important; color: #fff !important; background-color: #01897B !important; border: solid 2px #01897B !important; border-radius: 50px !important; padding: 6px 0 !important; transition: .3s ease; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list-item-hour:hover { color: #ffffff !important; background-color: #01BFA5 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list-item-selected, .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list-item-selected:hover { background-color: white !important; color: #01897B !important; border-color: #01897B !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list-item-confirm { color: white !important; background-color:#01897B !important; border: solid 2px #01897B !important; font-size: 14px !important; font-weight: 500 !important; border-radius: 50px !important; padding: 6px 8px !important; margin-left: 4px !important; transition: .3s ease; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list-item-confirm:hover { background-color: #01BFA5 !important; color: #fff !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list { height: 350px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-request-header-title { font-size: 22px !important; font-weight: 700 !important; color: #333 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-request-summary-item { font-size: 16px !important; color: #333 !important; } .insert-kuadcalendar .ks-global-inputs-system-text, .ks-global-inputs-system-text[type=text] { font-family: Poppins, Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px !important; padding: 8px 16px !important; color: #333 !important; border-radius: 50px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-request-form label { color: #333 !important; font-size: 14px !important; font-weight: 400 !important; } .insert-kuadcalendar .ks-global-inputs-system-text-area { font-family: Poppins, Helvetica, Arial, Lucida, sans-serif !important; font-size: 15px !important; padding: 8px 16px !important; color: #333 !important; border-radius: 16px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-request-form .ks-global-inputs-system-separator { margin-bottom: 16px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-request-form-confirm{ color: white !important; background-color: #01897B !important; border: solid 2px #01897B !important; font-size: 14px !important; font-weight: 500 !important; border-radius: 50px !important; padding: 6px 8px !important; transition: .3s ease; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-request-form-confirm:hover { background-color: #01BFA5 !important; color: #fff !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-result-title { font-size: 32px !important; color: #333 !important; font-weight: 800 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-result-summary { font-size: 22px !important; color: #333 !important; margin-bottom: 20px !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-result-description { font-size: 16px !important; color: #333 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-result-title-2 { font-size: 24px !important; color: #333 !important; font-weight: 700 !important; margin-bottom: 0px; } @media only screen and (max-width: 1260px) { .insert-kuadcalendar .kuad-calendar-meeting-picker-main-column { width: 100% !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-main-column{ margin-right: 0 !important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-day-number { width: 40px!important; height: 40px!important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-list { height: 320px!important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-hours-selector-header-date { margin-top: 16px; margin-bottom: 8px; font-size: 16px!important; } .insert-kuadcalendar .kuad-calendar-meeting-picker-confirm-meeting-result-title { font-size: 22px !important; } }