How can I change border color in contact form widget (demo-car.html side panel)?

2 replies · opened Oct 19, 2018

TTedOct 19, 2018

Hi there,

I'm using the side panel of your amazing demo-car.html template in dark mode. Whilst I have managed to set the background color of the side panel to complete black, I cannot find the place to change the BORDER COLOR of the CONTACT FORM WIDGET (inside the side panel) to white so it becomes visible.

Could you please help me out here? Thank you so much and kind regards,
Ted

SSemicolon WebSTAFFOct 21, 2018

Hello,

Simply using the following code in the css/custom.css File should work fine:

.dark .form-control:not(.not-dark), .dark .sm-form-control:not(.not-dark),
.dark .form-control:not(.not-dark):active,
.dark .form-control:not(.not-dark):focus,
.dark .sm-form-control:not(.not-dark):active,
.dark .sm-form-control:not(.not-dark):focus { border-color: rgba(255, 255, 255, 0.5) !important; }

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

TTedOct 23, 2018

Absolutely fantastic, thank you so much for your support - I really do appreciate it!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard