Jump to content

Lightbox form remove fields

Recommended Posts

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 🙂

Screen Shot 2022-03-28 at 5.24.37 PM.png

Screen Shot 2022-03-28 at 9.04.49 PM.png

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

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 🙂

Screen Shot 2022-03-28 at 5.24.37 PM.png

Screen Shot 2022-03-28 at 9.04.49 PM.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

My testing

image.thumb.png.2dcc83e81e808ac98bfd85bad67094b5.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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!

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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!

75dc.thumb.png.acde080bbc6d39804d62dccbffa18bf9.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.