[Share] Add custom text to Form Block Lightbox

With this tip, you can remove all fields inside Form Block Lightbox and add custom content. Something like this.

If you can't make code work, you can send link to page where you use Form Block. I will check again.

#1. First, use below tool to find Page ID (the page where you use Form Block)

In my example, we will have: #collection-66b18bf834460624d3050305

#2. Use this code to Custom CSS box to hide all fields, form title…inside Form Block Lightbox

#collection-66b18bf834460624d3050305 {
div.sqs-modal-lightbox .form-wrapper .form-title, div.sqs-modal-lightbox .form-wrapper .form-inner-wrapper {
    display: none;
}}

you will have

#3. Use this code to Custom CSS box

Note: Use \A to create a line break

#collection-66b18bf834460624d3050305 div.form-wrapper:before {
    content: "Spoil the Bride \A MC/Party Motivator \A 6 hrs DJ \A 2 Photographers \A– 10 hrs Primary \A – 8 hrs Secondary \A 2 Videographers \A – 10 hrs Primary \A – 8 hrs Secondary \A 1 hr Engagement Photo";
    white-space: pre-wrap;
    font-size: 18px;
}

Result