WordPress.org

1. DavidPotter
   Member
   Posted 1 year 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. joostdevalk
   Member
   Posted 1 year ago #

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

3. DavidPotter
   Member
   Posted 1 year 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?

   Thanks,
   David

4. drewsto
   Member
   Posted 1 year ago #

   Thanks Joost for helping David out with my theme :)

Topic Closed

This topic has been closed to new replies.