Support forumCategory: QuestionsChange some colors in calendar
Wojtek Dymek asked 2 weeks 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 weeks ago

https://paraleczy.pl/uslugi/
and here is the site with the plugin 🙂

1 Answers
Nikola Loncar Staff answered 2 weeks 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 weeks 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 weeks ago

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

Waylar replied 2 weeks ago

https://ibb.co/bL27BB6 Here is the GREEN active time im trying to change 🙂

Nikola Loncar Staff replied 2 weeks ago

Try like this:

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

Best regards,
Nikola

Waylar replied 2 weeks ago

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