I put the css right under the css I use for contact icons, also don’t make it misleading or unclickable it’s against the rules, change the text in the content boxes
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 10px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "Add to Friends"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "Add to Favorites"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "Send Message"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "Forward to Friend"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "Instant Message"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "Block User"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "Add to Group"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "Report User"