Change button outline color on Image with text section

Topic summary

A user is attempting to change the button outline color in Shopify’s “Image with text” section but encounters issues—their CSS code successfully changes text and background colors, but the button retains a black outline.

Proposed Solutions:

  • Theme Settings Approach: One responder suggests using Dawn theme’s built-in customization options for buttons, accessible through the theme editor. They recommend adjusting primary color settings or removing shadow opacity and thickness (set both to 0) before applying custom CSS.

  • Custom Code Solution: Another contributor (from PageFly app) provides step-by-step instructions to add custom CSS code to theme.liquid file above the </head> tag, though the specific code snippet appears corrupted/unreadable in the conversation.

Status: The discussion remains open with multiple solutions offered but no confirmation of resolution from the original poster. Note: Several code blocks and technical details in the thread appear garbled or reversed, making some specifics difficult to verify.

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

Hello,

On dawn theme, there is an option on customization theme setting, for buttons.

You remove the shadow opacity 0 and remove thickness 0 then apply your css, or infact if you want to change all button same color you can change your primary color.