WordPress.org

Ready to get started?Download WordPress

Forums

Social Media Widget
[resolved] Custom Icon Border (4 posts)

  1. sortagourmet
    Member
    Posted 2 years 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 2 years 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 2 years 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 2 years 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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.