Forum:
my profile is almost done! i just need codes for changing the icons on the contacting box~
* the comment underneath helped! i put it in the who i'd like to meet section though
« Web, HTML, Tech Forum
how to change the contact icons + and where to put the code ♡
Report Topic
1 Reply
Reply by arlo atomickk
posted
Ur gna wanna paste this into your 'about me' section:
<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: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* ADD TO FAVOURITE */
content: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/*SEND A MESSAGE */
content: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/*FORWARD TO FRIEND*/
content: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/*INSTANT MESSAGE*/
content: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/*BLOCK USER*/
content: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/*ADD 2 GROUP*/
content: url(DIRECT LINK TO IMAGE)}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/*REPORT*/
content: url(DIRECT LINK TO IMAGE)}
</style>