Black button, text not visible

[poe1]

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

[Raj-webdesigner]

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

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

[Moeed · 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

[poe1]

Thanks!

[Moeed]

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.

[niraj_patel]

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.

[Anshul_arora]

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 -

I hope the code helps you.

Please share if you have any queries.

Thank you.

[BSS-TekLabs]

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

 

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

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