replace heart icon

[mledun]

Hello,

Could you let me know how I can replace the heart icon with another image?

[Laura]

Hello, yes it is possible, just please add this code to quick css or style.css in child theme and replace the url of your own image 🙂

COPY CODE

.circular-item .hearts {
  background: url(URL OF YOUR IMAGE HERE) no-repeat !important;
  display: block;
  width: 39px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -20px;
}

It should end looking like this:

COPY CODE

.circular-item .hearts {
  background: url(http://blovin.com/wp-content/uploads/2014/09/logo-blovin-LETRASwhite1.png) no-repeat !important;
  display: block;
  width: 39px;
  height: 30px;
  position: absolute;
  right: 0;
  top: -20px;
}

But with your url 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mledun]

Hi Laura,

I added the code to my styles.css in the child theme but it’s still showing the hearts on the homepage 🙁

[mledun]

where can i change the icon-heart (/f004) to icon-star (/f005)?

[Laura]

Hello, the hearts at matching are not a font, its an image, you can change it at sweetdate/assets/images/hearts_bg.png
Just change it with a new image with the same name.
Remember to add it to child theme with same path 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[mledun]

Hi Laura, I think this is a different heart you are referring to, I’m talking about the heart image that appears on the homepage when you hover over a topic image and NOT the hearts that show on a profile page.

[mledun]

Don’t worry I found how to do it:

I went it to styles.css in the childtheme

.icon-heart:before {
content: “REPLACED WITH NEW ICON CODE”;
}

[Laura]

Hello, sorry for the missunderstanding, there are so many hearts 🙂
I am glad that you could resolve it!

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[steve]

Hi,

can you explain more, added:

.icon-heart:before {
content: “icon-home”;
}

What I am doing wrong?

Thx,
Steve

[Laura]

Hello, the icon is a code, for example the home icon is:
content: ‘\e835’;

So it would be

COPY CODE

.icon-heart:before {
content: '\e835' !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts