-
Author
-
May 18, 2015 at 16:26 #59276
mledun
ParticipantHello,
Could you let me know how I can replace the heart icon with another image?
May 20, 2015 at 10:09 #59548Laura
ModeratorHello, 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 solutionMay 20, 2015 at 12:01 #59560mledun
ParticipantHi Laura,
I added the code to my styles.css in the child theme but it’s still showing the hearts on the homepage π
May 20, 2015 at 13:01 #59567mledun
Participantwhere can i change the icon-heart (/f004) to icon-star (/f005)?
May 21, 2015 at 13:53 #59717Laura
ModeratorHello, 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 solutionMay 22, 2015 at 16:18 #59824mledun
ParticipantHi 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.
May 22, 2015 at 16:22 #59825mledun
ParticipantDon’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”;
}May 24, 2015 at 18:08 #59987Laura
ModeratorHello, 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 solutionNovember 1, 2015 at 23:54 #85378steve
ParticipantHi,
can you explain more, added:
.icon-heart:before {
content: βicon-homeβ;
}What I am doing wrong?
Thx,
SteveNovember 3, 2015 at 17:18 #85495Laura
ModeratorHello, 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 -
AuthorPosts
The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.