How can I add hover color to the sign-in button in Dawn theme?

Store Design

Topic summary

A user seeks to add hover color effects to the sign-in button in Shopify’s Dawn theme.

Desired styling:

  • Text color: #FFFFFF (white)
  • Button background color on hover: #000000 (black)

Solution provided:
Add custom CSS code through the theme customizer’s ‘Custom CSS’ settings:

#customer_login button:hover {
  color: #ffffff;
  background-color: #000000;
}

The original poster confirmed the solution worked with a brief thank you response.

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

I use dawn theme and how can i put hover color on button sign in

Text color: #FFFFFF

Button backround color : #000000

Screenshot_20230925_035049_Chrome.jpg
Screenshot_20230925_035049_Chrome.jpg1080×1208 40.3 KB

1 Like
2

Hey @VisarK !

To accomplish this, you can add the following CSS code into the ‘Custom CSS’ settings in your theme customizer.

Brett_Helium_0-1695677379729.png
Brett_Helium_0-1695677379729.png2900×1980 459 KB

#customer_login button:hover {
  color: #ffffff;
  background-color: #000000;
}
3

Thanks a lot