It looks like your theme is styling them:
.glitter-silver-neonpink .simple-social-icons ul li a {
background: url("images/social-sprite.png") no-repeat scroll 0 0 #CA006C;
border-radius: 30px;
}
i hate to bug you about this, because it’s clearly a theme issue, but the theme author isn’t responding to my request for help. Can you tell me what css script i need to add to make it work correctly? thank you in advance.
Can you tell me what css script i need to add to make it work correctly?
Edit your theme stylesheet & remove the CSS I posted above.
I removed the css above. It did not change anything. So I removed all the css for the .glitter-silver-neonpink and it did nothing. then I deleted the widget and restarted it, and it did nothing new. “nothing” meaning it is still itty bitty.
this is what I removed:
.glitter-silver-neonpink .simple-social-icons ul li a {
background: url(“images/social-sprite.png”) no-repeat scroll 0 0 #CA006C;
border-radius: 30px;
}
.glitter-silver-neonpink .simple-social-icons ul li a:hover {
background: url(“images/social-sprite.png”) no-repeat scroll 0 0 #878787;
}
.glitter-silver-neonpink .breadcrumb a {
background: url(“images/bullet.png”) no-repeat scroll right center transparent;
margin: 0 15px 0 0;
padding: 0 20px 0 0;
}
.glitter-silver-neonpink .breadcrumb .inner {
background: url(“images/breadcrumb-home.png”) no-repeat scroll left center transparent;
margin-left: 20px;
padding: 2px 0 0 25px;
}
Looking at the source of your page you are using crafty-social-buttons not simple social icons.
