cat_dragged_in's profile picture

Published by

published

Privacy: Link-only
Category: Web, HTML, Tech

change icons in the contact box

very easy.

in the "what you want" sections, put an emoji. theoretically you could put an <img src="link"/> in place of the "what you want" and pick whatever image you want. but is it worth it?


CODE:


<style>

.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: "what you want"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* Add to Favorites */

content: "what you want"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* Send Message */

content: "what you want"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* Forward to Friend */

content: "what you want"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* Instant Message */

content: "what you want"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* Block User */

content: "what you want"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* Add to Group */

content: "what you want"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* Report Profile */

content: "what you want"

}

</style>



Comments

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