How can I add an underline to text on hover in my contact page?

Store Design

Topic summary

A user wants to add an underline effect to the ‘send’ button on their contact page when hovering over it.

Solution provided:

  • Edit the base.css file located in the Assets folder
  • Add the following CSS code at the bottom:
.contact__button.button:hover {
  text-decoration: underline;
}

This CSS targets the contact button and applies an underline text decoration on hover state.

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

hi, i want a line under ‘send’ to appear in my contact page if you hold your cursor on it, is this possible?
https://winandgetrich.com/pages/contact

2

Hello @winandgetrich ,

Edit base.css under Assets and add this css at the bottom.

.contact__button .button:hover {
    text-decoration: underline;
}

Thanks