The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[Plugin: Sociable] Removing <li> bullets from icons (4 posts)

  1. Comparativa de Bancos
    Posted 7 years ago #

    Dear all,

    I installed the plugin but I use a "bullet" image for

  2. Gal Baras
    Posted 7 years ago #

    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,

  3. Comparativa de Bancos
    Posted 7 years ago #

    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

  4. Gal Baras
    Posted 7 years ago #

    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.


Topic Closed

This topic has been closed to new replies.

About this Topic