Buy Button Customisation

testingtesting2
Visitor
3 0 0

Hi, I want to adjust the shopify buy button's css to include letter spacing - when I add letter spacing css to the code it just seems to break the button? Has anyone had experience customising the buy button?

 

thanks

Replies 5 (5)

AnneLuo
Shopify Partner
422 85 79

Hi, @testingtesting2 

Please describe your specific needs and share the store URL so that I can assist you.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
testingtesting2
Visitor
3 0 0

thanks - id like to make the add to cart button shown on this page: https://test.art-dept.studio/product1/

 

look like the below button (20px font with 5px letter spacing, and corner borders)

 

https://ibb.co/PcpyKFb

 

the site is still a work in progress and I am using the shopify buy button app to embedd this function 

 

thank you

AnneLuo
Shopify Partner
422 85 79

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
 .your-button-classname {
    font-size: 20px; !important;
    letter-spacing: 5px !important;
    border-radius: 30px;
 }
</style>

Change the your-button-classname above to the classname of add to cart button on your store page.


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
testingtesting2
Visitor
3 0 0

Thank you. Sorry one question, where do I find the button classname?

AnneLuo
Shopify Partner
422 85 79

If you will unable to implement the same then I'm happy to do this for you. So I need to access your store as a collaborator if possible. 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee