Replace svg with text and changing content of textfields

Store Design
,
1

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

viggostarcke_0-1699447459360.png
viggostarcke_0-1699447459360.png515×415 13.2 KB

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

2

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; }

Screenshot_1.jpg
Screenshot_1.jpg494×467 13.4 KB

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

Screenshot_2.jpg
Screenshot_2.jpg1073×609 50.3 KB

3

theme name?

4

a customized version of spotlight

5

i need collaborate access otherwise help it’s difficult.

6

seems the code injection doesnt work

viggostarcke_0-1699448486541.png
viggostarcke_0-1699448486541.png594×267 11.2 KB

does still look like a trashcan:/

7

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; }
8

viggostarcke_0-1699448911982.png
viggostarcke_0-1699448911982.png566×252 11.8 KB

only succesfully removes the trashcan

9

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

viggostarcke_0-1699449826350.png
viggostarcke_0-1699449826350.png745×879 152 KB

10

Which underline? In product name when hovering?

11

yes exactly

12

this doesnt work:/

viggostarcke_0-1699458942595.png
viggostarcke_0-1699458942595.png400×178 29.4 KB

only removes the trashcan but doesnt put any text

viggostarcke_1-1699458982975.png
viggostarcke_1-1699458982975.png502×333 13.1 KB

13

It cannot be thinner.

14

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;
}
15

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?