Support forum › Category: Questions › Custom Colours and problem with dates
0 Vote Up Vote Down
class@farrarmereprimary.co.za asked 2 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
 

Question Tags: , , , , ,
3 Answers
0 Vote Up Vote Down
Nikola Loncar Staff answered 2 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 answered 2 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 replied 2 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 2 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 replied 2 years ago

Hi Apologies

The link has been updated for you

0 Vote Up Vote Down
Nikola Loncar Staff answered 2 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 replied 2 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 2 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 replied 2 years ago

Dear Nikola

Thank you for the wonderful work you do!