Welcome! ![]()
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-bottomortext-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.