CSS Code to change background color in Acuity Scheduling

Hi guys, 

Looking for anyone who can help me with the CSS code to change the background to black for the

- select your timezone drop down 

- choose month in the calendar 

Photos attached. 

Would also like to change color of the text to white for both. 

Can anyone help please? 

17 minutes ago, CHVDD said:

Looking for anyone who can help me with the CSS code to change the background to black

Which Scheduling billing plan are you? You’ll need the Powerhouse plan to be able to add CSS to Scheduling. If you’re on the Powerhouse plan, please provide a link to the page. 

Hi Paul, 

Yes am on a Powerhouse plan. 

Link to the page: https://app.squarespacescheduling.com/schedule.php?owner=27699300

Basically I would like to make all backgrounds of the booking experience black and text #EBE8E1

I managed to do the calendar with the help code snippets on the help centre but not the choose your time zone and the choose your month containers. 

These are the things I managed to alter: 

.calendar { background-color: #000000; }
.scheduleday.activeday { color: #C9F3A9; }
.scheduleday { color: #EBE8E1; }

Really appreciate the help! 

On 1/20/2023 at 6:39 AM, CHVDD said:

Hi Paul, 

Yes am on a Powerhouse plan. 

Link to the page: https://app.squarespacescheduling.com/schedule.php?owner=27699300

Basically I would like to make all backgrounds of the booking experience black and text #EBE8E1

I managed to do the calendar with the help code snippets on the help centre but not the choose your time zone and the choose your month containers. 

These are the things I managed to alter: 

.calendar { background-color: #000000; }
.scheduleday.activeday { color: #C9F3A9; }
.scheduleday { color: #EBE8E1; }

Really appreciate the help! 

 

 

 

Time zone/Month uses this CSS

select#verify-timezone {
    background-color: black;
    color: #EBE8E1;
}
select#chooseMonthSched {
    background-color: black;
    color: #EBE8E1;
}