Custom Product Form CSS

4 minutes ago, DreamrW said:

That worked great, thank you! I'm wondering if it's possible to have different font types/sizes/weights throughout the form?

I'd also love to know if I can add a hyper link in the form to a third party e-signature app? 

what text's are you trying to trigger? 

For the field title (e.g. Name) you'd target this;

.sqs-async-form-content .form-wrapper .field-list .title {

font-family: 'insert font family' !important;

font-size: 24px !important; //change font size//

font-weight: 500 ; //change bold size//
}

for the caption text (e.g. address 1) you'd target this;

.sqs-async-form-content .form-wrapper .field-list .field .caption {

font-family: 'insert font family' !important;

font-size: 18px !important; //change font size//

font-weight: 500 ; //change bold size//
}

 

For the description (e.g. the grey 'if you have a transponder' text) you'd target this;

.sqs-async-form-content .form-wrapper .field-list .description {

font-family: 'insert font family' !important;

font-size: 24px !important; //change font size//

font-weight: 500 ; //change bold size//

color: #5FB2F7 !important;
}

For the button you'd target this;

.sqs-async-form-content .form-wrapper input[type=submit] {

font-family: 'insert font family' !important;

font-size: 24px !important; //change font size//

font-weight: 500 ; //change bold size//

background-color: #5FB2F7 !important;
}

You can add a hyperlink to a checkbox, but it will navigate to a different page and you'd have to refill out the information in the form. I am not sure if this is possible but maybe @tuanphan @paul2009 or @Ziggycould answer this more thoroughly.