Join our new community forum for support & discussion

Join Now

Home Support Extensions Favorites Heart Icon

Heart Icon

  • Author
  • coco6612

    Hi there,

    I would like to change the heart icon by a custom SVG. I read the support ticket but this does not apply when the favorites Plugin is activated.

    Thanks for some support.

    ihor developer

    The easiest way would be tweaking it via CSS, for example you can set the icon font size to 0px (to hide it) and then set a custom SVG background. Overriding template parts via a child theme may not be required in this case.


    Hi, could you provide the CSS code for changing the color of the heart icon when it’s active and inactive (when a listing is selected as a favorite and when not)? Thanks so much!

    yevhen developer

    Please try this CSS snippet

    /* Active status. */
    .hp-listing--view-block .hp-listing__actions--primary .hp-listing__action--favorite[data-state=active] i{
    	color: put_color_hex_code_here;
    /* Inactive status. */
    .hp-listing--view-block .hp-listing__actions--primary .hp-listing__action--favorite i{
    	color: put_color_hex_code_here;
Viewing 4 posts - 1 through 4 (of 4 total)

New Reply

This forum has been archived and is no longer accepting new posts or replies. Please join our new community forum for support & discussion.