Black button, text not visible

Solved

Black button, text not visible

poe1
Excursionist
29 0 5

As seen in the title. Maybe someone can help me here? I've also added a screenshot.

Thankful for any help! URL: cutegemz.com psw: neatyou

Bildschirmfoto 2024-06-26 um 12.27.30.png

Accepted Solution (1)

Moeed
Shopify Partner
4361 1123 1378

This is an accepted solution.

Hey @poe1 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
button.button.button--primary.button--full-width {
    color: white !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 7 (7)

Raj-webdesigner
Shopify Partner
322 75 78

Add this css in you edit code > base.css file

.cart-notification button.button.button--primary.button--full-width {
    color: #fff !important;
}

Are you looking for Shopify Developer then your search is over I will help you


If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


Moeed
Shopify Partner
4361 1123 1378

This is an accepted solution.

Hey @poe1 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
button.button.button--primary.button--full-width {
    color: white !important;
}
</style>

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
poe1
Excursionist
29 0 5

Thanks!

Moeed
Shopify Partner
4361 1123 1378

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

techlyser_web
Shopify Partner
1807 335 361

Hello @poe1 

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>
.cart-notification button.button.button--primary{
color: #fff !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || 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

Anshul_arora
Navigator
450 128 93

Hello @poe1 ,


I understand you are looking to change the color of the Ajax Cart 'Checkout Button' so the text will be visible.


This can be resolved with the help of CSS code.


Add the below code at the bottom of the theme.liquid file before </body> tag and save.

<style>


button.button.button--primary.button--full-width {
background: #f3f3f3 !important;
}


</style>


By using this code, both the buttons will look the same.


Output -

Anshul_arora_0-1719404279234.png


I hope the code helps you.


Please share if you have any queries.


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

BSS-TekLabs
Shopify Partner
608 173 205

- Here is the solution for you
- Please follow these steps:

step.png

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.button--primary {
     color: white !important;
}

- If you want button white. you can add code:

.button--primary {
 background: white !important;
}

- Here is the result you will achieve:

BSSTekLabs_0-1719409007666.png

BSSTekLabs_1-1719409097037.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase

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


BSS Commerce - Full-service eCommerce Agency