How to modify Wishlist heart icon - by tuijatuulia

Solved2 replies2 participantsUpdated by tuijatuulia

  • Avatar: tuijatuulia
    tuijatuulia
    Participant

    Hi, I would like to add color to the Wishlist heart icon, because it is not so visible on product thumbnails (e.g. search and sliders) and on product page.

    Where to edit it? I would put it blue and after click it would be red. (some rgb code)

    br,
    Tuija

    2 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Try to use the next custom CSS code:

    .yith-wcwl-add-to-wishlist a:before {
        color: #1465c0;
    }
    .yith-wcwl-wishlistaddedbrowse a:before {
        color: red;
    }

    Regards

    Avatar: tuijatuulia
    tuijatuulia
    Participant

    Thank you, this works.

The issue related to '‘How to modify Wishlist heart icon’' has been successfully resolved, and the topic is now closed for further responses