Selected date, and mouse over time color issue
wojteck asked 3 years ago
Guys I need help. On my calander when i select a date the number color is the same as the selection color. So the number doesnt appear, I would like to have the selected date (number) to be white when selected.
Secondly the selected time for appointment when mouse hover near the time selection the (numbers) arent showing due to having the same color. Would also like to have the text in white when selected.
below is the site im working on and would apreciate it if somone can have a look and assist me.
link to the site:
https://shlykovapsycholog.ru/booking/
thanks!
Please login or Register to submit your answer
I would very appreciate if someone could help me achieve calendar numbers to be in black, and when selected to have the numbers in white (selection only).
Currently now I’m using these codes:
.ea-submit { background-color: #52b02a !important; border-color: #52b02a !important; }
.ea-submit:hover { background-color: #3e8121 !important; border-color: #3e8121 !important; }
.ea-bootstrap a { color: #52b02a !important; }
.ea-bootstrap.ea-bootstrap .selected-time, .ea-bootstrap.ea-bootstrap .selected-time:hover { background-color: #52b02a !important; }
.ui-datepicker a:hover, .ui-datepicker td:hover a { color: #3E8121 !important; }
.ui-datepicker { background-color: #fff; border: 1px solid #52b02a; border-radius: 4px; box-shadow: 0 0 8px rgb(82 174 42 / 0.6) !important; }
.ea-bootstrap .form-control:focus { border-color: #52b02a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(82 176 42 / 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(82 176 42 / 0.6) !important; }