• Resolved marseem

    (@waseemsannib)


    Hello,

    I need to change the wishlist icon on my website with awesome fonts. Any body could recommend me how to fix this issue?

    I tried to change it in the setting of YITH wishlist, however the icon did not change. It stayed heart.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    You’ve marked this as resolved, so this answer is more for any others landing here by search.

    Ideally you would alter the class attribute of the icon’s element. For example it might currently be fa-heart. You should change it to fa-list or whichever icon name you desire.

    If for any reason you cannot alter class attributes, you can override the class’ CSS styling by changing the content’s unicode. The unicode for the list icon is \f03a. You could add the following to the Additional CSS section of the customizer or style book. This should override the default styling. For example:

    .fa-heart:before {
       content: "\f03a"; /* list, was \f004 heart*/
    }

    This would affect all heart icons on your site. You can limit the override to a specific page by including a unique body class attribute as selector, for example: .page-id-123 .fa-heart:before

Viewing 1 replies (of 1 total)
  • The topic ‘How can I change the wishlist icon’ is closed to new replies.