Return to previous page

How do I change the Search Icon and the Bag Icon to a different icon?

This topic has 4 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Rose Tyler

ryoeun0

Participant

August 18, 2016 at 22:57

In the header top right side there is a magnifying glass and a black bag icon. I would like to change those. What are the steps to do so?

Please, contact administrator
for this information.

#137127 Copied Theme version: classico WooCommerce version: latest

3 Answers
Rose Tyler

Support staff

August 19, 2016 at 07:39
Hello,

You can change search icon using Font Awesome icons http://fortawesome.github.io/Font-Awesome/icons/ and add this code in Global Custom CSS:
```
.fa-search:before {
    content: "\f002";
}
```
Replace current code \f002 with a new one.
Also, you can add this code
```
.cart-design-1 .shopping-cart-widget .ico-sum{
    background: url(http://......png) no-repeat 0 0;
}
```
url (http://……png) – here should be the link to your image.

Regards,
Rose Tyler.
#137138 Copied
ryoeun0

Participant

August 19, 2016 at 10:57

I changed the Cart icon to a bag icon. However, Is there a way to display the added items quantity within the bag? Right now it doesn’t show any number, but I would like it to count how many items are in the bag and display it within the icon. Is there a way to do that? Thank you

Please, contact administrator
for this information.

#137163 Copied Theme version: classico WooCommerce version: latest

Rose Tyler

Support staff

August 19, 2016 at 11:03

You need select “Animated” design in Theme Options > General > Header Settings > Cart widget design.

Regards,
Rose Tyler.

#137164 Copied
Viewing 4 results - 1 through 4 (of 4 total)