Change the colour of the add to cart button on the product variant modal view from outline to solid.

Topic summary

A user is experiencing a styling issue with the “Add to Cart” button that appears in a product variant modal on their homepage. The button currently displays as an outline style with black text on a dark background, making it difficult to read.

Specific Problem:

  • When clicking “Show Options” on variant products (e.g., “Yellow Pitahaya”) from the homepage featured collection, the modal’s add-to-cart button has poor contrast
  • The button uses an outline style instead of the solid fill used elsewhere on the site
  • Yellow outline with black text creates visibility issues against the dark modal background

Current Status:

  • Store URL shared: thefinestexotics.co.uk
  • One solution was offered involving CSS modifications to base.css, but this addressed the wrong element (field input styling rather than the modal button)
  • The issue remains unresolved, with the user clarifying they need the modal’s add-to-cart button changed from outline to solid style to match other site buttons
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

Hi there,

the website is: thefinestexotics.co.uk

its not password protected though the change of add to basket hasn’t been implemented.