How To Fix Buy Now Button?

Solved

How To Fix Buy Now Button?

Emiway
Pathfinder
165 0 36
Accepted Solution (1)

BSSCommerce-HDL
Shopify Partner
2017 708 865

This is an accepted solution.

Hi @Emiway

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

 

 

 

 

<style>
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    line-height: 0 !important;
    padding: 30px 0 !important;
}
</style>

 

 

 

 

Here is result: 

BSSCommerceHDL_0-1724478113948.png

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
2017 708 865

This is an accepted solution.

Hi @Emiway

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 

 

 

 

 

<style>
button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    line-height: 0 !important;
    padding: 30px 0 !important;
}
</style>

 

 

 

 

Here is result: 

BSSCommerceHDL_0-1724478113948.png

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

niraj_patel
Shopify Partner
2378 514 511

Hello @Emiway 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  button.shopify-payment-button__button.shopify-payment-button__button--   unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
    display: flex !important;
    align-items: center;
    padding: 30px !important;
    justify-content: center;
  }
</style>

niraj_patel_0-1724478012940.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

GTLOfficial
Shopify Partner
458 90 89

HEllo @Emiway 

Go to online store ----> themes ----> actions ----> edit code---->theme.css
add this code at the end of the file.

.shopify-payment-button__button.shopify-payment-button__button--unbranded.BUz42FHpSPncCPJ4Pr_f.jjzYeefyWpPZLH9pIgyw.RWJ0IfBjxIhflh4AIrUw {
min-height: 60px !important;
}

result
1.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh