Acid!'s profile picture

Published by

published

Category: Web, HTML, Tech

anyone good with coding plz help

im trying to change the little icons in the "contacting [name]" box, but when i try to change them they disappear completely. 


to clarify, im trying to change them into gifs. i also tried images but they didnt work either so

a: are they not showing up because they are not specifically 16x16 or under?


b: is it even possible to replace the icons with gifs?

and

c: is there a mistake in the coding i was using?

heres the code i was using, and where i put the url code

.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 (*url*)



any and all help is appreciated, thank you!


0 Kudos

Comments

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

Holly Neglett

Holly Neglett's profile picture

I got it to work by using it like this


.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(whatever.png);
}



it doesn't have to be 16x16, the only reason i'm thinking it wouldn't work might just be because you forget the end braces or the semi colons at the end of the line (which is what i added)


Report Comment



yay it works now! thank you so much!

by Acid!; ; Report