Support » Plugins » Sociable plugin subject to theme list styles

  • Resolved David Potter


    I’m using the Sociable plugin and find that with some themes the site icons are displayed with extra stuff. After researching this, I discovered that the theme in question (Elements of SEO) defines an ID in its style sheet for content to display a background image for each list item. Sociable tries to do the right thing by defining a class to display no marker and no background, but since it is within the content ID, the background image gets displayed anyway.

    I tried duplicating the sociable classes for ul and ul li, like this:

    #sociable ul {
        display: inline;
        margin: 0 !important;
        padding: 0 !important;
    #sociable ul li {
        background: none;
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 1px;

    Then I modified the sociable.php file to include an id=\"sociable\" for the div tag.

    Does anyone know how to solve this?

Viewing 3 replies - 1 through 3 (of 3 total)
  • You’d probably need to add !important to the background: none clause.

    Woo hoo! That worked! I added !important to both the background and padding lines. Here’s the only thing that needs to be added to the sociable.css file:

    #sociable ul li {
    	background: none !important;
    	padding: 1px !important;

    Then change this line:

    $html .= "\n<div class=\"sociable\">\n<div class=\"sociable_tagline\">\n";

    to this:

    $html .= "\n<div id=\"sociable\" class=\"sociable\">\n<div class=\"sociable_tagline\">\n";

    That’s it. Joost, would you be able to make this change and make a new release?


    Thanks Joost for helping David out with my theme 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sociable plugin subject to theme list styles’ is closed to new replies.