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
1747 532 592

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

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

View solution in original post

Replies 5 (5)

BSSCommerce-B2B
Shopify Partner
1747 532 592

@Landrews89 , can you kindly share you url store?

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

Landrews89
Tourist
5 0 1

Sure!

 

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

Password: aolemo

BSSCommerce-B2B
Shopify Partner
1747 532 592

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

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

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.