Edit or Remove inside the CART

[SASHAUSOV]

Hi there everyone,

Hope this finds you well,

I have a very light color of my theme.
It all looks great, however, I am experiencing issues when customers are adding too many items to the cart as they can simply not see the EDIT Button as per below.

Is there a chance to chance the color of those buttons without changing the main color of buttons on entire theme?

[JLbyone]

hi there, you can add  ( id="" or class="" to those title ) to make it unique, and then go to css and add color with  #id or .class 

[SASHAUSOV]

Would you be so kind to explain what needs to be done step by step? 

[JLbyone]

@SASHAUSOV please share your url and password if its protected

[dmwwebartisan]

@SASHAUSOV 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[SASHAUSOV]

Please see below:

https://mycleanerface.com/

Kind regards,

Alex

[SASHAUSOV]

See Below

https://mycleanerface.com/

Kind regards,

Alex

[dmwwebartisan]

@SASHAUSOV 

Please add the following code at the bottom of your assets/theme.css or assets/theme.scss.liquid file.

.cart__submit-controls .btn--secondary {
background-color: transparent;
color: #dbb8b8 !important;
border-color: #dbb8b8 !important;
}

.cart-header .text-link--accent {
color: #dbb8b8 !important;
}

Let me know if this works.

Thanks!

[SASHAUSOV]

I'm afraid it did not change anything.

Are there any other options? I have also noticed that when viewing cart on the phone and if name of the item is long, the EDIT button disappears entirely as per below.
First image when the phone is vertically. 

Second image is when the phone is horizontally.

Any solution for this? 

[dmwwebartisan]

@SASHAUSOV 

As for the continue shopping button color you can use the following code.

.cart-header .text-link--accent {
color: #dbb8b8 !important;
}

Another thing is I couldn't see the edit button on desktop and mobile as well. Please see the screenshot below. 

Hope I am in the correct place.

Thanks!