Remove Product name Underline hover effect when clicking add to cart button | Dawn Theme

Topic summary

Users are experiencing an unwanted underline effect on product names when hovering over the “Add to Cart” button in the Dawn theme. This issue appears on collection pages and affects the visual presentation of product cards.

Proposed Solution:
A CSS fix has been provided to remove this hover effect:

  • Add .card-wrapper .card__information .full-unstyled-link a { text-decoration: none !important; } to the bottom of the theme’s CSS file

Affected Areas:

  • Collection pages (“Shop > Shop all”)
  • Product card displays

The discussion includes screenshots demonstrating the issue, with the problematic underline effect marked in red. This appears to be a common styling concern for Dawn theme users seeking cleaner product presentation.

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

when hovering around the add to cart button, underline effect shows under product name

go to my site > shop > shop all ( all collection pages)

let me know if u can help!!

website - https://the-style-luxe.myshopify.com/

password - reucho

Hi @hasanali1

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.card-wrapper .card__information a.full-unstyled-link {text-decoration: none !important;}

Regards,

San

1 Like

Hello, I am using the DAWN theme.
How can I remove the effect of the underlining of the product name in the cart.
Attached image marked in red.