Time selection won’t stick

Support forumTime selection won’t stick
Crystal Lopez asked 4 years ago

Hello, I changed the color of the time selection but now when selected it doesn't stay orange. I also don't want the appointment overview to be displayed so this is important. 
Also, how do I remove the blue "glow" from the text fields? I was able to remove it from the calendar but I do not like that it pops us on the text fields. Thank you in advance.
Here is the site: lazyinks.com
This is the code:

.ea-bootstrap .ui-datepicker .no-slots {
background-color: rgba(120, 35, 88, 1) !important;
.ea-bootstrap a {
color: #000000 !important;
} .ea-bootstrap .ui-datepicker {
color: #000000;
border: 1px solid #000000 !important;
box-shadow: 0 0 0px rgba(0,0,0) !important;
.ui-datepicker .ui-datepicker-current-day {
color: #000000 !important;
background-color: #E47A00 !important;
} .ea-bootstrap .time-value {
background-color: #4e5768 !important;
} .ea-bootstrap .time-value.time-value {
color: white !important;
} .ea-bootstrap .time-value:hover {
background-color: #E47A00 !important;
color: #ccc;
} .ea-bootstrap .free a {
color: black !important;
} .ea-bootstrap .free a:hover, .ea-bootstrap a.free:hover {
color: #000000 !important;
} .ea-bootstrap .btn-primary {
color: #ffffff;
background-color: #000000 !important;
border-color: #000000 !important;
} .ea-bootstrap .btn {
font-weight: bold !important;
} .ea-bootstrap.bootstrap {
color: #000000;
} .step.final{
color: #000000 !important;
border: 0px solid #000000 !important;
box-shadow: 0 0 0px rgba(0,0,0) !important;
} #booking-overview-header, #booking-overview { display: none; }
3 Answers
Nikola Loncar Staff answered 4 years ago
Hi, sorry I can't access lazyinks.com to see what is going on. Can you provide me with access to it? Best regards, Nikola
crystallopez answered 4 years ago
Hi Nikola,   Thanks for your prompt response. Sorry about that! I have removed the "under construction" block. Please let me know how I can fix the issues displayed above. Thank you.    Crystal
Nikola Loncar Staff answered 4 years ago

Hi, it's looking nice :) regarding selected time class it is selected-time so something like this would solve the issue :

.ea-bootstrap .selected-time {
	background-color: orange !important;

Also I will suggest less usage of !important or even best to not use it at all. :)

Best regards,