How can I conceal the option value text on my website?

Store Design
,

Topic summary

A user seeks to hide option value text displayed on their website product page (shown in an attached screenshot).

Solution Provided:

A PageFly support representative offers a CSS-based fix:

  1. Navigate to Online Store → Theme → Edit code
  2. Locate the base.css file
  3. Add the following CSS snippet at the bottom:
    span.siva-option-value {
  display: none !important;
}
  4. Save the file

This CSS rule targets and hides the specific element containing the option value text. The discussion appears resolved with a straightforward technical solution.

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

How do I hide the option value marked below?

https://spectrefive.co/?_ab=0&_fd=0&_sc=1

password: steegu

Screenshot 2024-02-29 133437.png
Screenshot 2024-02-29 133437.png572×718 27.5 KB

2

Hi @S5_Virgil

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

span.avis-option-value {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly