The client facing scheduling page can be customized beyond the basic options within the Customize Appearance Settings. Below are some useful CSS code that you can add to your Advanced CSS Settings to further customize your scheduling page.
Make appointment type names bigger & bolder
.appointment-type-name {
font-size: 120%; font-weight: bold;
}
Make Client Registration Link Login Text bigger/bolder
.client-register-btn {
height: 80px;
font-size:20px;
padding-top:25px;
}
Change the color of background
.scheduleday.activeday{
background-color: #ffffff;
}
Hide "More times" on Daily View template client scheduling page
.calendar-next {
display: none;
}
Hide "Save Credit Card for Future Use" checkbox
div.col-sm-12 {
display: none;
}
Change background color of the appointment type boxes
label.select-item.babel-ignore {background-color: #DFDFDF ;}
Changing the hover color of .activeday
.scheduleday.activeday:hover {background-color: #FF0000;}
Hide Quantity in the Package Checkout
form[action^="catalog.php?action=updateQty"] th {
display: none;
}
form[action^="catalog.php?action=updateQty"] input[name^="qty:"] {
display: none;
}
Hide list of what a package code is redeemable for
.certificate-amount-remaining ul {display: none;}
Hide steps/tabs at top of Monthly template scheduling page
ol.steps {
display: none;
}