Report Blog Entry
customizing contact icons is super easy!
i suggest using this site to find pixels to use for the icons:
https://pixels.crd.co/#pixels
when you find one you want, paste it into the "URL HERE" area. it will replace the basic icons with a cute pixel!! ^ ^
<style>
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner a:before {
content: ""
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
display: inline-block;
background: url("URL HERE")no-repeat 0 0;
background-size: 100%;
width: 16px;
height: 16px;
}
</style>
have fun and lmk if you need help!! xx
Comments
Displaying 0 of 0 comments ( View all | Add Comment )