Matching Online Booking to Your Salon’s Colors
Your online booking page can use your salon’s own colors, so clients booking an appointment feel like they never left your website. Spa/Salon Manager can do it for you in a couple of clicks.
Match your website from the program
- Open Theme Setup in Spa/Salon Manager.
- Click Match My Website and type your salon’s website address. Spa/Salon Manager reads the colors from your site and makes a theme for the program in those colors. You can change it afterward like any other theme.
- Click Match Online Booking to use the same colors on your online booking page.
Match Online Booking changes the page your clients and staff use to book, so it asks you to confirm first. We keep a copy of your old look, and our support team gets a note about the change, so it’s easy to put back if you’d rather have it the way it was.
Match Online Booking is for cloud salons. If Spa/Salon Manager says it isn’t turned on for your salon yet, call us at 1-800-682-2998 and we’ll take care of it.
For web designers: your own style sheet
If you’d like more control than your website’s colors, a web designer can write a custom style sheet called online.css for your online booking page.
What a web designer can change
- Font family:
p, h1, h2, h3, h4, h5, h6, td, form, input, label { font-family: sans-serif; } - Font size:
p, h2 { font-size: 98%; } - Background color:
background-color: rgb(0,0,0); - Text color:
color: black; - Link color:
color: red; - Remove link underline:
text-decoration: none; - Menu link color:
a.menu:link { color: white; }anda.menu:visited { color: white; } - Booking menu link color:
a.BookingMenu:link { color: white; }anda.BookingMenu:visited { color: white; }
Setting it up
Save the online.css file on your own hosting server, then send us the file’s URL so we can enable it for your Online Booking widget.