Custom Form Before Checkout

I created a custom form for customers to complete after they select a product right before check out. After they complete the form the "add to cart" button that needs to be selected to move forward only appears when you hover over a certain area. If not you cant see it (add to cart) and would not be able to move forward. Anyone know how to get that button to always show on the custom form instead of having to hover over it to appear?

Hi,

Add to Design > Custom CSS. If it doesn't work, please share link to a product, we can check easier

 /* lightbox button invisible */
  .sqs-modal-lightbox-content .lightbox-inner input.button {
    color: #f1f !important;
    border: 1px solid #f1f !important;
}

https://www.goldstar-sports.com/checkout1-0-HhgcA/p/cheerleading

When you select Add To Cart the form that comes up is the issue. Once you complete the form if you hover under "shirt size" you will see the add to cart tab... but if you don't hover over it you cant see it. You won't even know its there

When I Edit a product and select the check out tab at the bottom; that is where the custom form was created. That form is the one that once complete you cant see the "add to cart" tab. I have to hover over the area for it to appear.

On 3/9/2023 at 12:16 PM, Ctimoneda said:

https://www.goldstar-sports.com/checkout1-0-HhgcA/p/cheerleading

When you select Add To Cart the form that comes up is the issue. Once you complete the form if you hover under "shirt size" you will see the add to cart tab... but if you don't hover over it you cant see it. You won't even know its there

What is password?