Im trying to change the color of my buttons on my website, I created a new theme and changed the button background color to a solid black however the button looks grey on my website. How can I fix this.
Topic summary
A user is experiencing an issue where a button appears grey on their website despite setting the theme’s button background color to solid black in the customization settings.
Troubleshooting Steps:
- Multiple responders requested store URL and password to diagnose the issue
- Store credentials provided: norse-wellness.myshopify.com (password: rtaupo)
Solution Provided:
The problem appears to be caused by an opacity setting. The recommended fix involves:
- Navigate to Online Store > Themes > Actions > Edit Code
- Open Asset > base.css
- Add the following CSS at the bottom:
.button.button--primary {
opacity: 1 !important;
}
This CSS override forces the button to display at full opacity, which should resolve the grey appearance and display the intended black color. The discussion appears resolved with this technical solution.
1 Like
Hi @Astyr0
Pease, share your store URL. Thanks!
Hello, yes here it is. norse-wellness.myshopify.com
Thank you for your help.
Hello @Astyr0 ,
Could you please provide the URL/ password to your store so that I can check it and provide you with the exact solution?
Password: rtaupo
Website: norse-wellness.myshopify.com
Hello @Astyr0 ,
Here are the steps to apply the necessary changes in your Shopify store:
- In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
- Locate Asset > base.css and paste the following code at the bottom of the file:
.button.button--primary {
opacity: 1 !important;
}
Let me know if you need further assistance!