Shopify themes, liquid, logos, and UX
Hello, here is my product page: https://standouthairco.com/products/masha-13x4-hd-lace-front-water-wave-100-virgin-hair-wig
I want to change the Add to cart button so that it has a black background, white text, and the text should be one font size bigger and bold. Can anyone help?
Hi @anpanman ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file -> Save
<style>
#MainContent .product-form__submit{
background: black;
color: white;
font-weight: 700;
}
</style>
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @anpanman
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag
#MainContent .product-form__submit {
background: black;
color: white;
font-weight: 700;
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025