Lightbox Buttons not matching other buttons on site

Hello!

I have two buttons next to each other on the website I'm working on. One button leads to a different page, while the other is a lightbox to fill out a form. The Lightbox button doesn't have a "Fill" option, which makes it look different than the traditional button.

Please help!

URL: www.thewillcutgroup.com/sellers

@bgasaway Hi! Not sure if this is exactly what you're looking to achieve, but you can try adding this code under Website > Pages > Website Tools > Custom CSS, to adjust the width of the lightbox button so it matches the width of the traditional button.

.lightbox-handle.sqs-button-element--primary {
    width: 100% !important;
}

Yes! Exactly what I need. Thank you!

Ok one more question. Is there a way I can have them match our secondary button style?

On 10/3/2024 at 3:48 AM, bgasaway said:

Ok one more question. Is there a way I can have them match our secondary button style?

You can use this to Website Tools > Custom CSS

button.lightbox-handle {
    background-color: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}
button.lightbox-handle:hover {
    color: #000 !important;
    background-color: #fff !important;
    opacity: 1 !important;
}