Buy me a coffee

Add custom text to Form Block Popup

#1. First, use below tool to find Page ID (the page where you use Form Block). In my example, we will have:

  • #collection-66b18bf834460624d3050305

Add Custom Text To Form Block Popup 01 Min

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

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

Add Custom Text To Form Block Popup 02 Min

Result:

Add Custom Text To Form Block Popup 03 Min

#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;
}

Add Custom Text To Form Block Popup 06 Min

Result:

Add Custom Text To Form Block Popup 07 Min