change friend icon

[kpkrew]

http://playerprofiles.co.nz/wp-content/uploads/CropperCapture28.png

in the image above I want to change the icon from a heart to a star, can that be done with css?? if so do you know the code I would use. sorry very green on css

[Abe]

Hi, to change the icon you have to add this css and replace the icon from the content with your desired one from: http://fontawesome.io/3.2.1/cheatsheet/
#friends-my-friends:before {
content: “\f005”;
}

From that list replace for example  with \f005

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[kpkrew]

thanks for that , although when I placed that css in the quick css area in the styling section it reset all my styling settings back to default. of course didnt realise till too late that I can back them all up so restyled the site again from scratch , backed up the styles and tried again making sure to hit the right button because at this stage I figured I must have hit the reset to defaults button but again it completely reset all defaults back to a dating website got rid of the slider changed all css back to original replaced my logos for the sweetdate ones.

I also tried placing the css in the childtheme but it didnt work from there at all either.

[Abe]

Hi, You should have just added the code to Quick css section and clicked save. Or better add it to sweetdate-child/style.css

What is the code you added?

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Putting it in sweetdate-child/style.css should work. Make sure you have the child theme active.

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[kpkrew]

yep child theme is active and have placed this

#friends-my-friends:before {
content: “\f005″ !important;
}
in there with and without the important

and still not working

and everytime I put the above code in quick css it removes all my styling settings

I do think there is a bug in the system regarding the quick css box, like I said when building the site several times after adding more code there it reset all the settings

[Abe]

Give us a link to your site and add it to the style.css in the child theme to see if it applies

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[kpkrew]

This reply has been set as private.

[Abe]

looks like you added it with some nasty quotes charachters, it should be like:

COPY CODE

#friends-my-friends:before {
content: "\f005";
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts