Custom Colours and problem with dates

Support › Custom Colours and problem with dates
0 Vote Up Vote Down
class@farrarmereprimary.co.za Staff asked 4 years ago
Good Day Thank you for your plugin, I have been enjoying it but for some strange reason I am battling with the CSS styling.  Link to page I'd like these colours to change:
  • #D1D1BA (RGB,209,209,186)  to be blue
  • #008000 (RGB,0,128,0) to be red
  • and the Meeting ASpproved text can that be a different colourt say green
Apologies for asking I've been battling for some time.  Kind Regards
Class  
3 Answers
0 Vote Up Vote Down
Nikola Loncar Staff answered 4 years ago
Hi, can you please take a screen shot with those parts marked? That would help a lot with writing css for that. Best regards, Nikola
0 Vote Up Vote Down
class@farrarmereprimary.co.za Staff answered 4 years ago
Good Day Nikola Thank you for the response here is an image: - link to image below: https://drive.google.com/file/d/1FThqFSHv_tQHqfhJiR5z5Z0Zj1mWm8BZ/view?usp=sharing   Regards Class
class@farrarmereprimary.co.za Staff replied 4 years ago

Dear Nikola

I know you are a busy man, any possiblity of assisting with this or poitning me in the correct direction?

Kind Regards

Nikola Loncar Staff replied 4 years ago

Hi sorry for waiting but I am not able to open that link. Requires permission that I don’t have 🙁 I have send you request for access. It will be simple fix but I need to see what to change.

Best regards,
Nikola

class@farrarmereprimary.co.za Staff replied 4 years ago

Hi Apologies

The link has been updated for you

0 Vote Up Vote Down
Nikola Loncar Staff answered 4 years ago
Hi can you please add this to custom styles at EA Settings > Customize page:
.ea-bootstrap .no-slots { background-color: blue !important; } .ea-bootstrap .selected-time { background-color: grey !important; } .final h3:last-child:not(#booking-overview-header) { color: red !important; }
you can change blue, grey, red to any color that you want. You can use #xxxxxx or rgb(x,x,x) syntax :) Best regards, Nikola
class@farrarmereprimary.co.za Staff replied 4 years ago

Dear Nikola

Thank you for the assistance. It is working. I didn’t add
!important;

Could this be why it wasnt working?

Nikola Loncar Staff replied 4 years ago

yes, because those styles are under strict order and they are overwritten by higher order style. Important pass that order and act like most important style 🙂

class@farrarmereprimary.co.za Staff replied 4 years ago

Dear Nikola

Thank you for the wonderful work you do!