Jump to content

Scheduling button customization

Recommended Posts

Hi, I have a client requesting that the scheduling booking button be a different color on hover. To be clear, not talking about regular button blocks, but specifically the ones used in scheduling. I have the buttons embedded and they do change color on hover by default, but I want to adjust the specific color combo. Any ideas?

Screen Shot 2021-12-09 at 11.30.24 AM.png

Screen Shot 2021-12-09 at 11.30.29 AM.png

Link to comment

My client has it set to private but this is the code, does that help?

<center><a href="https://app.squarespacescheduling.com/schedule.php?owner=24674788&owner=24674788&appointmentType=28437688" target="_blank" class="acuity-embed-button" style="background: #dba9a9; color: #fff; padding: 20px 20px; border: 0px; -webkit-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;-moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;box-shadow: 0 -2px 0 rgba(0,0,0,0.15) inset;border-radius: 4px; text-decoration: none; display: inline-block;">Schedule Appointment</a>
<link rel="stylesheet" href="https://embed.acuityscheduling.com/embed/button/24674788.css" id="acuity-button-styles" />
<script src="https://embed.acuityscheduling.com/embed/button/24674788.js" async></script></center>

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.