How to change cart icon with bag icon - Crosby 7.1

On 11/1/2021 at 1:10 AM, MoonMama said:

Hi, 

I would like this cart icon https://www.shopifyoudare.com from this site on https://www.tribeandsol.com how can I achieve this?

Hi,

I tried inspect their code, but they used svg code so can't get it.

You can create a new image similar them, then replace to your code

On 11/4/2021 at 2:52 AM, tuanphan said:

Hi,

I tried inspect their code, but they used svg code so can't get it.

You can create a new image similar them, then replace to your code

 

No worries, I have css that changed the shopping cart icon to the word BAG but it has the number at the top. 

How can I change it and align the bag count with the word like this?

Mine looks like this    it's also a different font the word and number. 

On 11/7/2021 at 4:53 PM, MoonMama said:

No worries, I have css that changed the shopping cart icon to the word BAG but it has the number at the top. 

How can I change it and align the bag count with the word like this?

 

Mine looks like this    it's also a different font the word and number. 

 

 

Try this

.icon-cart-quantity {
    min-width: unset !important;
    width: auto !important;
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    text-align: left;
    top: -12px;
}

span.sqs-cart-quantity {
    font-size: 18px;
}

span.sqs-cart-quantity:before {content: "(";}

span.sqs-cart-quantity:after {content: ")";}

3 hours ago, tuanphan said:

Try this

.icon-cart-quantity {
    min-width: unset !important;
    width: auto !important;
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    text-align: left;
    top: -12px;
}

span.sqs-cart-quantity {
    font-size: 18px;
}

span.sqs-cart-quantity:before {content: "(";}

span.sqs-cart-quantity:after {content: ")";}

 

Perfect! I tweaked the size and added font family and it looks beautiful thank you !!!