Cart pop up - independent color for secondary button ???

Solved

Cart pop up - independent color for secondary button ???

Landrews89
Tourist
5 0 1

I am trying to make my view cart button visible without it effecting any of my other button color schemes.

 

As per the below below screen shot the "view cart" button is not visible as they are alternating black and white backgrounds on the buttons but both using black as the text color.

 

Is there a way I can fix the issue on the "view cart" button without effecting any other parts of the site ?

 

Would also be happy having both the "view cart" and "check out" button following the same background and text color.

 

Appreciate any advice, thankyou 🙂

 

Untitled.jpg

Accepted Solution (1)
BSSCommerce-B2B
Shopify Partner
1336 357 415

This is an accepted solution.

@Landrews89,

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

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
a[href="/cart"]#cart-notification-button {
  background: white!important
}
</style>

Result:

BSSCommerceB2B_0-1725111094393.png

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


BSS: B2B Wholesale Solution | BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


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 5 (5)

BSSCommerce-B2B
Shopify Partner
1336 357 415

@Landrews89 , can you kindly share you url store?

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


BSS: B2B Wholesale Solution | BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


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


BSS Commerce - Full-service eCommerce Agency
Landrews89
Tourist
5 0 1

Sure!

 

https://2c6342-f6.myshopify.com/

Password: aolemo

BSSCommerce-B2B
Shopify Partner
1336 357 415

This is an accepted solution.

@Landrews89,

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

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
a[href="/cart"]#cart-notification-button {
  background: white!important
}
</style>

Result:

BSSCommerceB2B_0-1725111094393.png

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


BSS: B2B Wholesale Solution | BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect


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


BSS Commerce - Full-service eCommerce Agency
Landrews89
Tourist
5 0 1

Thank-you that did seem to fix it however now on the cart page the trash icon to remove items from your basket is blank due to background, please see below: 

 

Landrews89_0-1725142384445.png

 

Landrews89
Tourist
5 0 1

I resolved the other issue and its now showing as I wanted, thanks for your help.