Add underline for link button in cart page Dawn 15V

Shopify Discussion

Topic summary

A user wants to add a red underline beneath a collection button on their Shopify Dawn 15 theme cart page.

Proposed Solution:

  • Access Online Store → Theme → Edit code
  • Open theme.liquid file
  • Insert custom CSS before the closing </body> tag

CSS Code Provided:

  • Targets .title-wrapper-with-link a elements
  • Applies text-decoration: underline with color #c06010
  • Scoped to mobile screens (max-width: 767px)

Status: Solution provided but not yet confirmed as accepted. The response includes CSS styling to achieve the requested underline effect specifically for mobile viewports.

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

Hiii

I would like to add an red underline right under the collection button. Please help.

check the screenshot:

245C6913-F2D8-4A18-A4C4-261E1C0E9889.jpeg
245C6913-F2D8-4A18-A4C4-261E1C0E9889.jpeg900×1600 101 KB

2

Hello @ctal37

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px) { .title-wrapper-with-link a{ text-decoration: underline !important; text-decoration-color: #c10606 !important; } }

niraj_patel_0-1722963799815.png
niraj_patel_0-1722963799815.png319×202 17.2 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like