Front end styling

Support forum › Category: Questions › Front end styling

Cam asked 6 years ago

Hi, I'm using your plugin for a school parent-teacher meeting scheduler. I would like to change the colours of the calendar so that only days which have time slots available are green - but I can't seem to change the colour scheme of the calendar. Is it possible to provide the CSS codes for this? Currently, I am testing this on my site ... http://justcam.co.za/parent-teacher-appointments/

1 Answers

0 Vote Up Vote Down

Nikola Loncar Staff answered 6 years ago

Hi Cam, try something like this:

.free {
     background-color: green;
     color: white;
 }

 .free.free a {
     background-color: green;
     color: white;
     border: transparent;
 }

 .no-slots.no-slots.no-slots.no-slots {
     background-color: #ccc;
 }
 .no-slots.no-slots a {
     background-color: #ccc;
     border: transparent;
 }

Best regards, Nikola

Justcam replied 6 years ago

Hi Nikola
Thanks that works – but I’m still getting a white box under my Calendar numbers on days that are not available.
I’m trying to style those Red.

Would it be possible to give me some CSS hooks so that I can colour the appointment days green, says without appointments Red.

I’d also like more control on the CSS of the Month forward and back arrows ….

Could you give some CSS hooks we could use for that.

This is a really great plugin, but I need just a little more control on the front end…