Lightbox form remove fields

Site URL: https://ellipsoid-brass-b4fx.squarespace.com/

Hello,

I would appreciate your support.

I'm trying to add a lightbox button that when clicked, opens a pop-up message.

So, what I did is using a lightbox form. I added two fields in that form. Then I created some CSS code to remove the submit button and the 2 fields where the users would enter the information. When I enter the CSS code, it works perfectly, but after I reload the page, the code doesn't work anymore... and I just see the regular ligthbox format with, again, all the fields to be filled...

See attached the screenshots with the details.

Password: questionone

FYI: I have 2 lightbox forms on the HomePage "Contact Us" and Call us". I just want to remove them from the "call us" form. The "contact us" I want to remain as it is.

Thank you all for your support 🙂

1 hour ago, Brandany said:

Site URL: https://ellipsoid-brass-b4fx.squarespace.com/

Hello,

I would appreciate your support.

I'm trying to add a lightbox button that when clicked, opens a pop-up message.

So, what I did is using a lightbox form. I added two fields in that form. Then I created some CSS code to remove the submit button and the 2 fields where the users would enter the information. When I enter the CSS code, it works perfectly, but after I reload the page, the code doesn't work anymore... and I just see the regular ligthbox format with, again, all the fields to be filled...

See attached the screenshots with the details.

Password: questionone

FYI: I have 2 lightbox forms on the HomePage "Contact Us" and Call us". I just want to remove them from the "call us" form. The "contact us" I want to remain as it is.

Thank you all for your support 🙂

Try adding to Home > Design > Custom Css

.field-element {
  display: none;
}

.form-wrapper .sqs-button-element--primary[type="submit"] {
  display: none;
}

Let me know how it works

My testing

Hi Ba Ngan,

Thank you for your answer 🙂 this was the code I was trying but this code affects all the lightbox forms... and I just one that code to apply to some specific lightbox forms, not to all of them.

I would appreciate your support on this since I'm very confused about how to do it just for a specific lightbox from and not affect all of them...

Thank you in advance!

On 3/30/2022 at 7:34 AM, Brandany said:

Hi Ba Ngan,

Thank you for your answer 🙂 this was the code I was trying but this code affects all the lightbox forms... and I just one that code to apply to some specific lightbox forms, not to all of them.

I would appreciate your support on this since I'm very confused about how to do it just for a specific lightbox from and not affect all of them...

Thank you in advance!

Hi. Your site is expired. You can contact SS Customer Care to extend it (free). Then we can check easier

Hi @tuanphan,

I extended the trial. I would appreciate your support.

thank you!

21 hours ago, Brandany said:

Hi @tuanphan,

I extended the trial. I would appreciate your support.

thank you!

Try adding this to Design > Custom CSS

/* Form remove input button */
form[onsubmit*="75dc"] input {
    display: none;
}
form[onsubmit*="75dc"] .form-button-wrapper {
    display: none;
}

Hi @tuanphan,

It works! Thank you very much 🙂 

I have to do it for another page on the website too. Where do you find the "75dc"? So I can do it for the others.

Thank you for your support!

21 hours ago, Brandany said:

Hi @tuanphan,

It works! Thank you very much 🙂 

I have to do it for another page on the website too. Where do you find the "75dc"? So I can do it for the others.

Thank you for your support!