Issue with Button Opacity and Background Color in Dawn Theme


Hi!

I’m encountering an issue with the button styling on my Shopify store using the Dawn theme. The problem involves the button’s background colour appearing faint or inconsistent, and I’m not sure whether it’s due to an overlay effect or another cause?

Any help will be gratefully appreciated

If you’re having issues with button opacity and background color in the Dawn theme on Shopify, ensure that your CSS overrides are correctly applied and check for any conflicting styles in the theme settings. Adjust the CSS for the button class or use the theme editor to resolve these styling issues.

1 Like

Hello @laurafaye93

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.button[aria-disabled=true]{ cursor: pointer !important; opacity: 1 !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Try this other wise share your store URL?

1 Like

You are amazing!! Thank you that’s worked!!

1 Like

Just to add a note sometimes when the button has no link to redirect it shows faded BG like a disabled button just add “#” in the button URL to check