WordPress.org

1. sortagourmet
   Member
   Posted 11 months ago #
   

   First, I adore the ability to do custom icons, etc, that this allows me. I am having a problem, though, with a small white border around any custom icon I create. I assume it's set that way somewhere in the style but I can't find it for the life in me.

   URL: http://www.sortagourmet.com/

   The icon I'm currently playing with (not for keeps, just for trial) is in the bottom right and you can see how I've done a yellow icon on a blue circle with a grey "background" so it looks cut out but there's that white border.

   Any help would be appreciated!

   Thanks!

   http://wordpress.org/extend/plugins/social-media-widget/

2. brianfreytag
   Member
   Posted 11 months ago #
   

   Add the following to your style.css file:

   .socialmedia-buttons img {
        background: none;
   }

   This should get rid of the background for you. On line 374 of style.css you have

   img {
      background: none repeat scroll 0 0 white;
      ...
      ...
   }

   Any graphic you put on your site will have that white background. If you don't want this, you can just remove that background: call from from your style.css to take care of it, though I strongly suggest adding the one I put at the top TO your style.css (near the bottom, preferably).

3. sortagourmet
   Member
   Posted 11 months ago #
   

   Sometimes it's the little things.

   I knew I was missing something, I looked through the code and I was like, he has no border built in anywhere...what is going on...

   THANK YOU for finding the error that had nothing to do with your programming. It's fixed!

4. brianfreytag
   Member
   Posted 11 months ago #
   

   Not a problem. Thanks for including a link to your site. It made diagnosing a lot easier. You'd be surprised how many people come to me with the same issue and expect me to be able to help them without being able to look at what they have going on with their CSS!

Reply

You must log in to post.