Changing Variant Picker Style - Prestige Theme

Topic summary

A user wants to modify the variant picker styling on their product page in the Prestige theme to match the appearance of the Showcase theme. Currently, the variants display with bordered boxes, but the desired style shows text with an underline indicator for the selected option.

Solution Provided:
Multiple community members offered CSS-based solutions. The accepted solution involves:

  • Navigating to the theme’s CSS file (base.css, style.css, or theme.css)
  • Adding CSS code to remove borders from variant labels
  • Applying an underline style to selected variants using border-bottom or text-decoration

Status: Resolved. The user confirmed the solution works perfectly. Alternative approaches were also suggested, including adding CSS through the theme’s Custom CSS section or directly in the theme.liquid file.

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

Welcome! :wink: