cancel
Showing results for 
Search instead for 
Did you mean: 

Magento2 - How can I convert default Magento cart icon into simple text like Cart?

SOLVED
Highlighted

Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Mini-cart

I need to convert the cart icon having the following CSS

.minicart-wrapper .action.showcart:before{
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e611';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
}

into simple text like Cart(0) 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted

Re: Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Hi @hafsa_zulfiqar1 

 

If i give an example of default magento then you can use below code of css:

 

.minicart-wrapper .action.showcart:before {
    content: 'cart';
}

if you apply this then will replace cart icon into "cart" text.

also you can do the same for on hover.

 

Screenshot from 2020-02-20 18-08-57.png

Hope this will help you.

 

if above answer was helpful then please Accept as Solution & give Kudos
Shubham Khandelwal 

View solution in original post

1 REPLY 1
Highlighted

Re: Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Hi @hafsa_zulfiqar1 

 

If i give an example of default magento then you can use below code of css:

 

.minicart-wrapper .action.showcart:before {
    content: 'cart';
}

if you apply this then will replace cart icon into "cart" text.

also you can do the same for on hover.

 

Screenshot from 2020-02-20 18-08-57.png

Hope this will help you.

 

if above answer was helpful then please Accept as Solution & give Kudos
Shubham Khandelwal 

View solution in original post