the button background has color set and it is not displayed

Solved

the button background has color set and it is not displayed

Jim
Explorer
80 2 25

1749536611283_看图王_看图王.jpg

 Like the photo, web:www.bmcarcover.com

Accepted Solution (1)

topnewyork
Astronaut
1539 189 250

This is an accepted solution.

Hello @Jim ,

 

Try this code

Navigate to Online Store > Themes > click on Edit code.
Locate and open the theme.css or base.css file. Scroll to the bottom and add the following CSS code:

 

.quick-add__submit {
    
  background: black !important;
  color: white !important;
}

 

Result:

 

Screenshot 2025-06-10 131455.jpg

 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

View solution in original post

Replies 5 (5)

TheScriptFlow_
Shopify Partner
848 63 106

Hey Jim,

This issue happens when the Schema markup is not setup correctly. Now you need to add the background to the Quick Buy button manually with custom coding.

- Need a Shopify Specialist? Chat on WhatsApp +923036471248 Or Email at info@thescriptflow.com

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

Jim
Explorer
80 2 25

how to custom coding?

TheScriptFlow_
Shopify Partner
848 63 106

Could you please share the exact url of the page where the Quick button exists? I checked your site and didn't find it.

- Need a Shopify Specialist? Chat on WhatsApp +923036471248 Or Email at info@thescriptflow.com

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


- If my solution was helpful, mark it as a solution and hit the like button!

Bundler-Manuel
Astronaut
1124 51 131

Hello there @Jim  It seems to me that the issue is you are currently having a style within your custom.css file that overwrites the button color.

 

Try this code here to change the submit color, you can use the below CSS:

.product-form__submit {
  background-color: #00306c !important;
}
Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

topnewyork
Astronaut
1539 189 250

This is an accepted solution.

Hello @Jim ,

 

Try this code

Navigate to Online Store > Themes > click on Edit code.
Locate and open the theme.css or base.css file. Scroll to the bottom and add the following CSS code:

 

.quick-add__submit {
    
  background: black !important;
  color: white !important;
}

 

Result:

 

Screenshot 2025-06-10 131455.jpg

 

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month