How can I underline a variant label to indicate a link?

Store Design

Topic summary

A user seeks to underline variant labels on their Shopify product page to make them visually identifiable as clickable links.

Solution Provided:

  • Access Shopify admin: Online Store ā†’ Theme ā†’ Edit Code
  • Navigate to the CSS asset file
  • Add the following CSS rule at the bottom:
.tool-tip-trigger__title {
  text-decoration: underline !important;
}

Outcome:
The solution was confirmed as working by the original poster.

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

Anyone knows how I can underline the variant label here? So customers can see it is a link.

https://5m35ej9u666kr7xk-64120127726.shopifypreview.com/products_preview?preview_key=aa106a741666252e4f5c01c6571c2a90

ddcu_0-1675106318053.png
ddcu_0-1675106318053.png1689Ɨ898 43.7 KB

2

Hi @ddcu

This is Kate from PageFly - Landing page builder. Iā€™d like to suggest this idea:

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

Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.tool-tip-trigger__title {
text-decoration: underline !important;
}

Hope my answer will help you

1 Like
3

amazing thanks Kate