One of my buttons doesn't match theme background button color.

Solved

One of my buttons doesn't match theme background button color.

Astyr0
Tourist
6 0 1

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.issue1.png

Accepted Solution (1)

ZestardTech
Shopify Partner
6136 1097 1473

This is an accepted solution.

Hello @Astyr0 ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

.button.button--primary {
    opacity: 1 !important;
}

 

 

ZestardTech_0-1736510128773.png


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
10133 2404 3038

Hi @Astyr0 

Pease, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Astyr0
Tourist
6 0 1

 Hello, yes here it is. norse-wellness.myshopify.com

Thank you for your help.

ZestardTech
Shopify Partner
6136 1097 1473

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?

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Astyr0
Tourist
6 0 1

Password: rtaupo

Website: norse-wellness.myshopify.com

ZestardTech
Shopify Partner
6136 1097 1473

This is an accepted solution.

Hello @Astyr0 ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

.button.button--primary {
    opacity: 1 !important;
}

 

 

ZestardTech_0-1736510128773.png


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing