Return to previous page

Is it possible to change the icons of the wishlist an my account

This topic has 12 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

slidebird

Participant

August 25, 2014 at 14:24

hi

i would like to change the icons of the wishlist (heart) and the my account (arrow) with handdrawn icons…

can you help me?

ths

#13477 Copied

11 Answers

Eva Kemp

Support staff

August 25, 2014 at 15:24

Hello,

Sorry, but there are no such options in our theme.
Please take our apologies.

Regards,
Eva Kemp.

#13481 Copied

slidebird

Participant

August 26, 2014 at 10:28

even if i change the source of the icons? where are they located? *.php?

#13552 Copied
Eva Kemp

Support staff

August 26, 2014 at 11:46
Hello,

The content for Wishlist icon is written in style.css file.
The code is
```
.icon-heart-empty:before {
  content: "\f08a";
}
```
You may try to add your own icon in custom.css.
How to create custom.css file you can watch here.

Regards,
Eva Kemp.
#13561 Copied
slidebird

Participant

August 26, 2014 at 15:42

i already use the custom.css for a couple changes but this is not working

i tried:

.icon-heart-empty:before {
content: url(‘http://www.joy-of-use.org/wp-content/uploads/2014/08/herz_icon.png’);
}

any ideas?

#13583 Copied
Eva Kemp

Support staff

August 26, 2014 at 15:58
Hello,

Please try to use this code:
```
.top-bar .wishlist-link a i:before {
content: url('http://joy-of-use.org/wp-content/uploads/2014/08/herz_icon.png') !important;
}
```
If you still have problems please provide us with wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.
#13585 Copied
slidebird

Participant

September 15, 2014 at 14:21

Ok this works fine 🙂

is it possible with the account menu and the loggout button too?

i use firebug but i cant find the css for this

thx

#15549 Copied
Eva Kemp

Support staff

September 15, 2014 at 16:56
Hello,

You need use this code to add your icons for my account and logout links:
```
.my-account-link:before {
    content: url('link_to_your_icon') !important;
}
.logout-link:before {
    content: url('link_to_your_icon') !important;
}
```
Regards,
Eva Kemp.
#15576 Copied
slidebird

Participant

September 20, 2014 at 13:54

im so sorry i have to bother you again…

last icon i have to change is the shopping cart bag…

i usually find everything in css i looking for but i just cant find tghe class for this stupid icons in firebug?!

#16264 Copied
Eva Kemp

Support staff

September 20, 2014 at 14:56
Hello,

The code for shopping cart icon is:
```
.shopping-cart-widget .cart-summ > a:before {
    content: url('link_to_your_icon') !important;
}
```
Regards,
Eva Kemp.
#16267 Copied
slidebird

Participant

September 22, 2014 at 09:14

ah ok i just tried .shopping-cart-widget on its own…

thx again

#16377 Copied

Eva Kemp

Support staff

September 22, 2014 at 10:37

Hello,

You’re welcome.

Regards,
Eva Kemp.

#16397 Copied
Viewing 12 results - 1 through 12 (of 12 total)

The issue related to '‘Is it possible to change the icons of the wishlist an my account’' has been successfully resolved, and the topic is now closed for further responses

Is it possible to change the icons of the wishlist an my account

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection