Issue with Button Opacity and Background Color in Dawn Theme

[laurafaye93]

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 

[Rizwan86]

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.

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
 .button[aria-disabled=true]{
     cursor: pointer !important;
     opacity: 1 !important;
}
</style>
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?

[laurafaye93]

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

[MadhurGautam]

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