Canvas Support

Change color of quick contact form error

4 replies · opened Jul 7, 2016

RrjsetonJul 7, 2016

Can you advise how I can change the colour of the error message when the quick contact form (widget) is not completed correctly. Thanks.

SSemicolon WebSTAFFJul 7, 2016

Hello,

This is Definitely Possible. Please consider using the following CSS Code: 

.quick-contact-form-result.alert.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

RrjsetonJul 7, 2016

Hi, thanks for the response. I put the code in the syle.css file but it does not appear to work.Any other suggestions. Code below.

/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget .form-control,
.quick-contact-widget .input-group,
.quick-contact-widget .sm-form-control { margin-bottom: 10px; }

.quick-contact-widget .input-group .form-control { margin-bottom: 0; }

.quick-contact-widget form,
#template-contactform { position: relative; }

.quick-contact-form-result.alert.alert-danger {
background-color: #ff0000;
border-color: #ff00000;
color: #ff0000;
}

SSemicolon WebSTAFFJul 8, 2016

Hello,

Can you please provide us with a Live URL with the Inline Alert example so that we can check out the exact issue and provide you with a more accurate solution for this. Thanks for your Patience.

Additionally, please add this CSS either in the css/custom.css File for better compatibility. Complete instructions about using the css/custom.css File can be found in the Documentation > Start > Customization Section.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

RrjsetonJul 8, 2016

Thanks will look at the custom file. Can't provide a link as site is not live and won't be til it's completed. Thanks again.

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