Add to basket is invisible in new theme!

Store Design

Topic summary

A user purchased the Vivid Shopify theme and encountered an invisible “Add to Basket” button on product pages. The button was functional but not visible to customers.

Root Cause:

  • The add-to-cart button’s background color was set to white, making it blend into the page background.

Solution Provided:

  • Check theme settings under “Button” or “Add to Cart Button” sections
  • Alternatively, apply custom CSS to change the button background color to black (code snippet provided)

Secondary Issue (Resolved):

  • The theme incorrectly displayed “free delivery over £100” despite the store offering free delivery on all orders. The user resolved this independently.

Status: Both issues resolved. The CSS fix successfully made the button visible.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hi, I’ve just purchased the vivid theme and the add to basket button is invisible… I know this as shopfiy support clicked on where it should be and the item was added to the cart but you can’t see it!!.

Any suggestions on how to make it visible?

2nd issue i offer free delivery, no issue with my old theme but this theme keeps saying free delivery over £100 how do I remove this as its incorrect?

Thanks

2

@Nicola77 Hello can you share store URL?

3

I’ve fixed the shipping problem, it’s just the invisible add to basket on the product page now!!

4

@Nicola77 add to cart button color background is set to white, check theme settings > button or add to cart button or you can try this CSS to apply background color

.product__info-container .product-form .product-form__buttons .btn, .product__info-container .product-form .product-form__buttons .animated_btn {
background-color: #000;
}

5

Fixed thank you :grin:

6

You welcome!