How to change button colors in pop up cart?

[i_hussain]

I want to change button colors in pop up cart? As you can see in screenshot view cart button has black background and text so its not visible but it's clickable, while check button has black background and white text so it's just showing check out text. 

I want to change color of my buttons with white background and black text.

 

[Anshul_arora · Accepted solution]

Hello @i_hussain ,

I understand you are looking to resolve the issue of 'View Cart' button on popup cart.

Please add the below mentioned code at the bottom of theme.liquid file and save.

1. Go To Online Store -> Themes -> Click three dots -> Edit Code and open theme.liquid file https://prnt.sc/-6iLv6bHRRFd

2. Add the add code at the bottom of the file before body tag and save https://prnt.sc/XTPK1sdNdDJ-

<style>
a#cart-notification-button {
background-color: white;
}
</style>

Output will be like this -> https://prnt.sc/4wnjVkfjO1fA

I hope the solution helps you.

Please share if you have any query.

Thank you.

[theycallmemakka]

Hi @i_hussain 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
#cart-notification  a#cart-notification-button {
    background: #fff;
}

#cart-notification button.button.button--primary.button--full-width {
    border: 1px solid;
}
</style>

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Anshul_arora · Accepted solution]

Hello @i_hussain ,

I understand you are looking to resolve the issue of 'View Cart' button on popup cart.

Please add the below mentioned code at the bottom of theme.liquid file and save.

1. Go To Online Store -> Themes -> Click three dots -> Edit Code and open theme.liquid file https://prnt.sc/-6iLv6bHRRFd

2. Add the add code at the bottom of the file before body tag and save https://prnt.sc/XTPK1sdNdDJ-

<style>
a#cart-notification-button {
background-color: white;
}
</style>

Output will be like this -> https://prnt.sc/4wnjVkfjO1fA

I hope the solution helps you.

Please share if you have any query.

Thank you.

[i_hussain]

It working thank you for you help!... but what about checkout how i can its background color? i want it exactly same like cart button.

[Anshul_arora · Accepted solution]

Hello @i_hussain ,

Please add this code at the bottom of theme.liquid file before </body> tag for making changes in Checkout button

<style>

button.button.button--primary.button--full-width {
background-color: white;
color: black;
}

</style>

Output ->

I hope it helps.

Please share if you need any further assistance.

Thank you.

[i_hussain]

it's working 

Thanks for your help. 😊