[resolved] Sociable plugin subject to theme list styles (4 posts)

  1. David Potter
    Posted 8 years ago #

    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?

  2. Joost de Valk
    Posted 7 years ago #

    You'd probably need to add !important to the background: none clause.

  3. David Potter
    Posted 7 years ago #

    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?


  4. drewsto
    Posted 7 years ago #

    Thanks Joost for helping David out with my theme :)

Topic Closed

This topic has been closed to new replies.

About this Topic