Edit or Remove inside the CART

SASHAUSOV
Excursionist
45 0 4

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?

CART DISPLAY.png

0 Likes
JLbyone
Excursionist
172 17 34

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 

0 Likes
SASHAUSOV
Excursionist
45 0 4

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

0 Likes
JLbyone
Excursionist
172 17 34

@SASHAUSOV please share your url and password if its protected

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

@SASHAUSOV 

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

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
SASHAUSOV
Excursionist
45 0 4

Please see below:

https://mycleanerface.com/

Kind regards,

Alex

0 Likes
SASHAUSOV
Excursionist
45 0 4

See Below

https://mycleanerface.com/

Kind regards,

Alex

dmwwebartisan
Shopify Partner
4373 980 1252

@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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
SASHAUSOV
Excursionist
45 0 4

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? 

5C35F1A6-4642-4069-B8D9-3EA8075FA16B.pngD4FB7133-D083-4FDD-99C1-5899A17832CD.png

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

@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. 

edit-button.jpg

Hope I am in the correct place.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes