Change colour 404 page button - dawn theme

Store Design

Topic summary

A user seeks to change the button color on their 404 page from blue to green, specifically addressing a persistent blue border issue on their Shopify Dawn theme store (hundben.se/404).

Initial Solutions Provided:

  • Multiple contributors suggested adding CSS code to either base.css or theme.liquid files
  • Code targeted button background color changes using custom CSS selectors

Ongoing Issue:

  • While the button background color changed successfully to green, a blue border remained visible
  • Additional CSS code was provided to remove the border using border-opacity: unset !important and box-shadow: none !important

Troubleshooting Steps:

  • User experienced difficulties with code placement in base.css
  • Made4uo-Ribe identified incorrect code positioning (multiple closing brackets instead of one)
  • Alternative solution offered: use Shopify’s Customize theme interface to add CSS directly in the 404 page template’s Custom CSS section, avoiding manual file editing

Status: The discussion remains ongoing as the user works through proper code implementation to fully resolve the border styling issue.

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

Nope, you add it in the wrong way. please take out the code first and paste it on the very last } closing bracket on the base.css.

the last closing bracket must be only one.

Made4uoRibe_0-1715779887768.png
Made4uoRibe_0-1715779887768.png516×197 3.46 KB

you have 4 on here. You dont need to add anything just copy and paste. Dont delete also, just control z to go back.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!