Form Block CSS

Useful CSS code for Form Block. You can add it to Custom CSS box.

#1. Form Block Lightbox overlay color

div.sqs-modal-lightbox-content .lightbox-background {
    background-color: rgba(255, 255, 255, 0.9) !important;
    opacity: 1 !important;
}

#2. Form Block Lightbox Close icon size

div.lightbox-inner .lightbox-content.lightbox-form-content-background .lightbox-close {
    font-size: 40px !important;
}

#3. Remove Form title in Form Lightbox

div.sqs-modal-lightbox div.form-title {
    display: none !important;
}

#4. Remove sign up for news and updates

label:has(input[value*="news and updates"]) {
    display: none;
}

#5. upload file color

div.CqDxV9o9vQY7V4e2 {
    background-color: #000 !important;
    fill: #fff !important;
}

#6. upload field – dotted style to solid style

div.AVCKOEDQySABK6zd.file-upload {
    border-style: solid !important;
}

#7. Increase currency width

div.field.currency input, div.field.currency span {
    width: 100% !important;
    max-width: unset !important;
}