Jump to content

Invisible Lightbox Submit Button

Recommended Posts

I checked your form code. I think bug from SS system (conflict button opacity with Animation Feature). Try contacing Squarespace Customer Care 

https://support.squarespace.com/hc/requests/new#choose-topic

In the meantime, add this to Home > Design > Custom CSS

.lightbox-content .form-wrapper .form-button-wrapper {
    opacity: 1 !important;
}

 

 

Edited by tuanphan

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

Ok, so Customer Care said the lightbox feature in 7.1 doesn't work and that engineering is working on it. So, I'm glad I have your custom code! Now that the submit button is visible, the post submit message is not. See attached. Can you help with this?

Screen Shot 2020-05-05 at 10.01.48 AM.png

Link to comment
17 hours ago, zsartin said:

Ok, so Customer Care said the lightbox feature in 7.1 doesn't work and that engineering is working on it. So, I'm glad I have your custom code! Now that the submit button is visible, the post submit message is not. See attached. Can you help with this?

Screen Shot 2020-05-05 at 10.01.48 AM.png

Add to Home > Design > Custom CSS

.lightbox-content .form-wrapper * {
    opacity: 1 !important;
}

 

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
  • 1 year later...
  • 2 weeks later...
On 4/26/2022 at 11:22 PM, meghancareydesign said:

I am running into the same issue, though the above code is not fixing it!

 Url: https://marigold-drum-tamc.squarespace.com/config/design

 

Please help!

Hi,

Which page are you referring to?

https://marigold-drum-tamc.squarespace.com/?noredirect

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

Hi @tuanphan, I'm having the same problem. I've sent a ticket to Squarespace but still no resolution yet.
The form itself is functioning just fine, but the button remains invisible even with the suggested css code.

It's probably also worth noting that when "lightbox" is unchecked, the form is visible, but when "lightbox" is checked, the entire form section disappears when in edit mode? Screenshots attached for reference.

The page url is: https://www.touch-dubai.com/sign-up 

Thanks in advance for any assistance you can offer.

Jake

Squarespace-Lightbox-Checked.png

Squarespace-Lightbox-Unchecked.png

Link to comment
On 5/13/2022 at 10:26 AM, snakethejake said:

Hi @tuanphan, I'm having the same problem. I've sent a ticket to Squarespace but still no resolution yet.
The form itself is functioning just fine, but the button remains invisible even with the suggested css code.

It's probably also worth noting that when "lightbox" is unchecked, the form is visible, but when "lightbox" is checked, the entire form section disappears when in edit mode? Screenshots attached for reference.

The page url is: https://www.touch-dubai.com/sign-up 

Thanks in advance for any assistance you can offer.

Jake

Squarespace-Lightbox-Checked.png

Squarespace-Lightbox-Unchecked.png

Add to Design > Custom CSS

input.button.sqs-system-button {
    border: 2px solid black;
    color: black !important;
}

 

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.