Support » Plugins » [Plugin: Sociable] Removing <li> bullets from icons

Viewing 3 replies - 1 through 3 (of 3 total)
  • I’ve just had the same problem and here’s how I’ve solved it:

    1. In the pluging admin panel (Settings->Sociable), turn off the option “Use the sociable stylesheet”

    2. Copy the following lines into the end of your theme’s CSS file:

    .sociable ul li:before { content: “”; }
    .sociable ul li { padding: 0px; margin: 0px; display: inline; background: none; }
    .sociable ul li a img { padding: 0px; margin: 0px; }

    You may have to play around some more, but this did it for me.

    Hope this helps,

    I did it but it keeps showing the bullet.

    I dont understand why if background is none it keeps showing it. Is there any kind of reset for using inside the css just for .sociable? Im not an expert at all in css

    Hey antorome,

    I have an idea. The plugin allows you to choose whether you want to use its CSS files or not. Make sure you are NOT using the sociable CSS file and then recreate the styles you need in your theme’s CSS file.

    I did this on one of my sites, where I still had a problem and that did the trick for me.


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Sociable] Removing <li> bullets from icons’ is closed to new replies.