Product page, Can't Choice Variants size, color, Materia, Quantity. contact US>Can't type column

Store Design
,

Topic summary

A user reports multiple critical functionality issues on their Shopify store (WonderfuldayUSA.com):

Product Page Problems:

  • Variant options (size, color, material) are not visible or selectable
  • Quantity selector is missing or non-functional

Cart Page Issue:

  • Cannot input or modify quantity values

Contact Us Page Issue:

  • Form fields (Name, Email, Phone, Message) appear as blank white columns with no visible text labels

Proposed Solution:
A PageFly support representative provided CSS code to address the visibility issues:

  • Navigate to: Online Store → Theme → Edit Code
  • Locate the base.css file
  • Add custom CSS targeting form inputs, selects, and quantity fields with transparent background properties

The solution appears incomplete in the thread, suggesting the discussion may still be ongoing or awaiting confirmation that the fix resolved the issues.

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

Hi,

Website WonderfuldayUSA.com

Spotlight

Product page, Can’t Choose Variants size, color, Materia, Quantity. it even doesn’t show up to choose, can’t see the word.

cathy5200304_2-1692488693918.png
cathy5200304_2-1692488693918.png2454×1435 307 KB

Your cart Page, can’t type QTY.

cathy5200304_1-1692488653366.png
cathy5200304_1-1692488653366.png3672×1340 324 KB

Contact Us page, the white column below doesn’t shows the Name, Email*, phone, Message, can’t see the word at all.

cathy5200304_0-1692488620451.png
cathy5200304_0-1692488620451.png2570×1550 145 KB

Please help, thank you.

Cathy

2

Hi @cathy5200304

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.field__input, .select__select, .customer .field input, .customer select {

background-color: transparent !important;

}

.quantity:before {

background: transparent !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly