Shopify Dawn theme provides Buy it Now button at product page for fast checkout. Sometimes we need the text from Buy It Now to be changed to something else.
This can be done by using custom CSS code given below.
Steps to change text & color of Buy It Now button of Shopify -
- Go to Shopify Admin
- Open the code editor
- Add below custom CSS code to change text & color of 'Buy It Now' button
CSS code to change text & color of 'Buy It Now' button in Shopify -
<style> .shopify-payment-button__button--unbranded { font-size: 0 !important; background: white !important; color: black !important; }
.shopify-payment-button__button--unbranded::before { content: 'Your text here'; position: absolute; visibility: visible; top: 0; left: 0; bottom: 0; font-size: 14px; display: contents; }</style>
Here is the demo video to show above steps in action -
#shopify #shopifythemes
Click here to subscribe our YouTube channel : https://shorturl.at/gmqCS
-------------------------------------------------------------------------------------------------------------------
Also, check out our other video based on settings Global Custom CSS using he theme settings options -
Links for our other useful Shopify tutorial videos -
Changing text & color of Buy It Now button in Shopify: https://youtu.be/LVefRmat_g0
Adding Custom CSS in Your Shopify Theme: https://youtu.be/nPja-jHwmPc
Display image in Product Template using Custom.liquid block Shopify : https://youtu.be/2uaO4B0fnhY
Shopify Tips: How to Hide Specific Products from Related Products in your Shopify?: https://youtu.be/Z1gVuNkirLA
Comments
Post a Comment