Solved Templates

Edit input color

Asked by Sandra97 4 years ago Last activity 4 years ago

Hello,

On this page https://www.stbarthexcursions.com/booking, when a cruise is already booked, the input turns light grey (as it's then disable). I would like to make white but I didn't find how to do.

Could you please help?

Thanks

Sandra

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

But actually this is appear by default that's why its not working. You may try this one.

input:disabled{
border-color: red!important;
    appearance: none;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid;
    border-radius: 2px;
}

12 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Sandra97 Asked this
4 years ago

I would need the 3 light grey inputs to be white

Mehtaz Afsana Borsha Staff
4 years ago

Could you please give me that specific page link?

Sandra97 Asked this
4 years ago

Hi,

Apparently I missed your message.

You can see it on this page for example: https://www.stbarthexcursions.com/booking/wayayai
Go to November, click on a date with a buebackground and then on the right you'll see that the input of unavailable cruises has a grey border, available cruises input has a black border. We would like more contrast, with for example a white border for unavailable cruises but I have no idea how to do that for disabled input.

Thanks in advance

Mehtaz Afsana Borsha Staff
4 years ago

Try this custom CSS

input:disabled {
  border-color: white!important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Sandra97 Asked this
4 years ago

Thanks Mehtaz for your answer. Unfortunately, this custom CSS doesn't work. The border color is still light grey

Mehtaz Afsana Borsha Staff
4 years ago

Did you insert that on custom.css file?

Sandra97 Asked this
4 years ago

Of course yes.

Sandra97 Asked this
4 years ago

Party!

It works, thanks a lot Mehtaz for your help

Log in to reply.