Change some colors in calendar

Support forumCategory: QuestionsChange some colors in calendar
Wojtek Dymek asked 2 years ago
Hello :) Great plugin, but im struggling to change some ONE color in the calnedar. 
  • color and background color of the time when selected (the background is green and I want it to be #CC9955.
my idea was custom CSS : .ea-bootstrap .selected-time:hover {
background-color: #CC9955;
color: white;
} but it doesnst seems to work. when i see at the page, i see my custom css was below the plugin one, so the plugin one was overlapping mine. 
Can u please help me to get rid of this green color? :)
Best regards.
Waylar replied 2 years ago
and here is the site with the plugin 🙂

1 Answers
Nikola Loncar Staff answered 2 years ago
Hi, you were close. Try like this :
.ea-bootstrap .time-value.selected-time:hover { background-color: #CC9955; color: white; }
so want to have it green but when you hover it will be #CC9955? If you want all the time to be like that just remove hover :) Best regards, Nikola
Waylar replied 2 years ago

Thank you for your advise,
i copy your code to the custom CSS style, and it doesnt seem to work. The time selected still appeared green 🙂

Waylar replied 2 years ago

and answering your question, rest is fine. the colors are ok except this one active green while time is selected 🙂

Waylar replied 2 years ago Here is the GREEN active time im trying to change 🙂

Nikola Loncar Staff replied 2 years ago

Try like this:

.ea-bootstrap.ea-bootstrap .time-value.selected-time {
background-color: #CC9955;
color: white;

Best regards,

Waylar replied 2 years ago

oh my god ! its working 🙂 Thank you very much 🙂 I’ts Awesome