changing interaction icons!!

this changes the basic icons next to the interaction links into emojis! i tried using custom images instead of emojis but they always end up nerfed, so if anyone has tips please lmk lol


all u have to do is replace the cherry blossom emoji with another emoji :D
ez

<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "🌸"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "🌸"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "🌸"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "🌸"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "🌸"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "🌸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "🌸"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "🌸"
}   
</style>


6 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

bl00dthirsty

bl00dthirsty's profile picture

Do you have any way of getting rid of the previous icons? It does add the emojis but only next to the emojis rather than replacing them.


Report Comment