Invisible Lightbox Submit Button

Site URL: https://www.harvestercapital.com/becomeaninvestor

So the submit button is there, but not visible. In the editor it shows a black button over a white background. In the published, live page, it's not visible. See attached. What am I doing wrong?

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

Thank you very much, the code worked. I'll see if Customer Care can fix the bug. 

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?

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?

Add to Home > Design > Custom CSS

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

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!

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

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

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

Add to Design > Custom CSS

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