Check out button problems

Solved

Check out button problems

marcotanzi94
Excursionist
28 0 6

Could someone help me with issue below? Check out button is all black

 

Schermata 2024-08-08 alle 10.56.48.png

Accepted Solution (1)

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @marcotanzi94 

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#checkout {
      color: #fff !important;
  }
</style>

niraj_patel_0-1723111645962.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

View solution in original post

Replies 6 (6)
marcotanzi94
Excursionist
28 0 6

PageFly-Richard
Shopify Partner
4595 1052 1715

This is Richard from PageFly - Shopify Page Builder App

 

Hi @marcotanzi94  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
.cart__checkout-button{
 color: white !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

marcotanzi94
Excursionist
28 0 6

not resolved. Website: www.princessjewelry.it

Rahul_dhiman
Shopify Partner
481 98 100

Hello @marcotanzi94 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
add this code at the end of the file.

button#checkout {
color: #000 !important;
background-color: #fff;
}

result
5.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

BSSCommerce-B2B
Shopify Partner
1506 431 487

Hi @marcotanzi94 ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css.

Step 3. Find the code like this

BSSCommerceB2B_0-1723111470678.png

and change it to

 

button#checkout {
   color: white!important;
}

 

If it helps you, please like and mark it as the solution.

Best Regards

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @marcotanzi94 

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#checkout {
      color: #fff !important;
  }
</style>

niraj_patel_0-1723111645962.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