Dawn theme Button Customization

Store Design
, , , , , , , , , ,

Topic summary

A user seeks to remove the black shadow effect that appears when hovering over buttons on their Dawn theme homepage. They provided a reference image showing the unwanted hover effect and shared their store credentials for troubleshooting.

Proposed Solution:

  • Navigate to: Online Store → Themes → Three Dots → Edit Code → theme.liquid
  • Add custom CSS code under the <style> tag before the body section
  • The specific CSS code was provided in a code block (though not visible in the conversation)

Current Status:

  • Multiple respondents confirmed the issue appears to be resolved
  • The black shadow/border is no longer visible on the homepage buttons
  • The user apparently implemented a fix successfully during the discussion
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I’m using dawn theme in that I need to customize the button in home page, I want to remove the black shadow on hover. I’ll attach the reference image.

Sivadarshan_0-1741932028346.png
Sivadarshan_0-1741932028346.png1015×405 28.9 KB

Website: https://2512in.myshopify.com/

Password: 2512

Thanks in advance

1 Like
2

@Sivadarshan I think you managed to remove border, I am not able to see it on home page button

3

MustafA16_1-1741933334885.png
MustafA16_1-1741933334885.png1280×492 138 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

4

Hi @Sivadarshan

I see you already removed that blackshow on hover of that button.