- How to Display Tax-Inclusive Prices in LatePoint
- Bundled Services
- Managing Bookings With The New Shopping Cart
- Set custom start date for the calendar on your booking form
- How to make Phone Number a required field?
- Add booking form directly on a page
- Redirect to a custom “Thank you” page after booking is complete.
- Adding a booking button to your page
- Change 12/24 hour time system
- How to skip agent selection step and have agent automatically assigned
- Add custom content before or after booking steps
- Customize Book Button Appearance
- Add preselected Agent, Service or Location on Book Appointment Button or Form
- How to change time slot style on the calendar?
- Custom CSS for changing colors
- Booking Form Editor
- Specify which services, agents and locations will be available on a booking form
- How to pick specific categories to be displayed on the booking form
- How to show only services from specific category
- Set custom fonts for the booking form
- How to hide a Summary and Side Panel to get a compact booking form
- Change text in “Questions” section of the booking form
- Where should I store translated language .po and .mo files
- How to translate LatePoint plugin to your language
- How to configure Social Login with Google
- How to configure social login with Facebook
- How to setup Facebook Pixel
- How to Disable the Messaging Functionality in LatePoint
- How to upgrade to Version 5?
- How to Update to Version 5.1.0
- Which addons are part of a PRO bundle in version 5?
- How to deactivate my license from a website I no longer use.
- Redirect to a custom “Thank you” page after booking is complete.
- How to add a link to terms of service checkbox custom field
- Edit content of the left panel section
- How to enable self hosted Google Calendar setup?
- How does LatePoint send emails?
- How to enable debug log?
- Add to Calendar link is not working
- Getting “One of the plugins is invalid” error when installing add-ons
- Error: unexpected ‘int’, expecting function…
- Service categories not showing during booking process
- Error: Cannot read properties of null (reading: verifyBuyer)
- WordPress Users still can’t login, even when “Use WordPress users as customers” option is checked
- New service is being created when trying to update existing service.
- Auto-sync of events from Google Calendar is not working
Custom CSS for changing colors
While we are working on a super powerful appearance editor for LatePoint, you still can change colors to match your site using this css, just replace the colors with the values you want:
.latepoint-w .latepoint-booking-form-element h1, .latepoint-w .latepoint-booking-form-element h2, .latepoint-w .latepoint-booking-form-element h3, .latepoint-w .latepoint-booking-form-element h4, .latepoint-w .latepoint-booking-form-element h5 { color : #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions h5:before {background-color: #a32f96!important;}
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li.active a {color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-progress ul li a:before { background-color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-heading-w .latepoint-lightbox-close {color: #a32f96!important; }
.latepoint-btn.latepoint-btn-primary { background-color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li a:hover { border-color: #a32f96!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-locations-w ul.os-locations li.selected a { border-color: #a32f96!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li a:hover { border-color: #a32f96!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element .step-services-w ul.os-services li.selected a { border-color: #a32f96!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a { box-shadow: 0px 0px 0px 2px #a32f96, 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover { box-shadow: 0px 0px 0px 2px #a32f96, 0 10px 32px 0 #fcecfd!important; background-color: #fcecfd!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li.selected a .agent-name { color: #a32f96!important; }
.os-monthly-calendar-days .os-day.selected .os-day-box { background-color: #a32f96!important; }
.latepoint-w .latepoint-booking-form-element ul.os-agents li a:hover .agent-name { color: #a32f96!important; }
.dp-timeslot.selected .dp-label {background-color: #a32f96!important; }
.dp-timeslot.selected {background-color: #a32f96!important; }
.os-weekdays .weekday { color: #c185d8; }
.latepoint-booking-form-element .os-step-tabs .os-step-tab:before { background-color: #a32f96!important; }Was this doc helpful?
What went wrong?
We don't respond to the article feedback, we use it to improve our support content.
On this page