How to set Full Width Lightbox Form Buttons

Site URL: https://www.littlemisskonacoffee.org

Hello!

I was wondering if someone could help me figure out how to set Full Width Lightbox Form Buttons.

I have a few Forms set to Lightbox mode stacked on each other, but I'd like them to have even edges.

Would really appreciate the help 🙂

Add to Home >D esign > Custom CSS

.lightbox-inner .form-wrapper input[type=submit] {
    width: 100%;
}

@tuanphan Thank you so much!!! But it didn't work 😞

You can insert the code & I will check again?

@tuanphan

Alright just did!!! Thank you for taking your time to help me!

@tuanphan Oh I see what you mean...

I'm sorry I think I wasn't being clear enough lol...

What I mean is that I would like all of the forms to have the same width when you click on the lightbox button, not the submit button.

try this CSS

@media screen and (min-width:641px) {
.sqs-modal-lightbox-content .lightbox-inner .lightbox-content {
    width: 50% !important;
    max-width: unset;
}
}

@tuanphan I just tried it and it's not working 😞

Just in case, I wanted to show you 🙂 I'd really love for these lightbox forms to be all the same width. 🙂 Thank you so much for your help!

Lightbox form same width

or 4 buttons same width?

Um maybe I don't know what the official name is called lol... but I would love to have the Lightbox forms...

1. Liability release form
2. Hobbies and Interests
3. Participant's Platform
4. Personal Sponsor Form

To all be the same width as they are stacked on each other.

.lightbox-handle.sqs-system-button.sqs-editable-button {
    width: 300px !important;
}

@tuanphan you are a genius thank youuuuuuuuu!!!!!!!!!!!! IT WORKED!