Shopify themes, liquid, logos, and UX
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:
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.
how to custom coding?
Could you please share the exact url of the page where the Quick button exists? I checked your site and didn't find it.
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; }
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:
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025