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.
9

thanks for the info,

Do you like to add border with it or just take out the border blue?

To take out border color.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.template-404 .button {
  --border-opacity: unset !important;  
}

And save.

Result:

Made4uoRibe_0-1715778861575.png
Made4uoRibe_0-1715778861575.png551×290 5.2 KB

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