replace svg with text and changing content of textfields

[viggostarcke]

hey I need help replacing the trashcan svg symbol shown in cart with the text "remove":

Also I need help changing the "your cart" to "your bag" in this case where you have something in your bag.
For an empty bag it should read "your bag is empty" instead of "your cart is empty".
https://kyototango.com/
pw"kyoto"
thanks in advance

[Dan-From-Ryviu]

Hi @viggostarcke 

To remove trash icon and add remove text, please add this code at the bottom of your base.css file 

cart-remove-button .cart-remove-button:after {
    content: 'remove';
    display: flex;
    align-items: center;
}
.cart-item cart-remove-button .cart-remove-button { margin-top: 0px; }

To change the texts, please go to your Online store > Themes > Edit default theme content, search texts you want to edit, edit them, and save

[viggostarcke]

seems the code injection doesnt work

does still look like a trashcan:/

[Dan-From-Ryviu]

Sorry, please update code 

.cart-remove-button:after {
    content: 'remove';
    display: flex;
    align-items: center;
}
.cart-remove-button svg { display: none !important; }
.cart-item cart-remove-button .cart-remove-button { margin-top: 0px; }

[viggostarcke]

only succesfully removes the trashcan

[viggostarcke]

also I had a hard time thinning the underlining on the product cards. maybe you know how to ?

[Dan-From-Ryviu]

Which underline? In product name when hovering?

[viggostarcke]

yes exactly

[Dan-From-Ryviu]

It cannot be thinner.

[viggostarcke]

this doesnt work:/

only removes the trashcan but doesnt put any text

[Dan-From-Ryviu · Accepted solution]

Try updating code like this and check again

.cart-item cart-remove-button .cart-remove-button:after {
    content: 'remove';
}
.cart-item cart-remove-button { 
    margin-top: 0px !important; 
}
.cart-remove-button svg {
    display: none!important;
}

[viggostarcke]

works. thanks!!

do you have an idea how to make the underlining on product name when hovering over product cards on the catalog page thinner?

[Bilash]

theme name?

[viggostarcke]

a customized version of spotlight

[Bilash]

i need collaborate access otherwise help it's difficult.