So, I've seen a couple others have had this issue before, but I can't seem to resolve it.
I have the most recent version of the sociable plugin (2.9.5).
The plugin installs fine and works properly except for the fact that the icons are displayed in a vertical list instead of horizontally. I've tried disabling the css as well as copying the css directly into my theme's css. Both of these methods just insert a bullet between and box around each icon.
I am pretty sure the problem lies within my theme, because I am having the same problem with the "bookmarkify" plugin.
Here is my blog: http://www.fangbear.com/
This is the theme I am using: http://wellmedicated.com/themes/grassroots/
Any hlp would be greatly appreciated.
I guess the problem it's the UL tag is inheriting the css style. If you take a look its the same style as your sidebar list items...
Try using ID (div id="sociable") instead of class (div class="sociable")
Take a look at this, can you make it? http://wordpress.org/support/topic/216344?replies=6#post-895575
The other user never tried it I guess.
-edit- -disregard this post-
see next :)
Okay. So I changed the div class to div id, via sociable php.
Then I updated the css as you suggested. However, the situation still appears to be the same. The only difference is I am now using <div id="sociable"> instead of <div class="sociable">.
Unfortunately, I still have vertical lists. Any other ideas? I appreciate the help, btw.
Your case seems to be different... I saved your page and edited it there. Please restablish your files with the css class as it was at the start, this to don't have innecesary editing.
Then find this:
.sociable ul li {
background: none;
display: inline;
list-style-type: none;
margin: 0;
padding: 1px;
float: left;
}
last line float: left; seemed to work.
Holy smokes, that worked! Thanks for your help.
You're welcome. Glad to help =)
mikedahl
Member
Posted 3 years ago #
Thank you, ShirouJune-- I was struggling with the same issue.
Michael
millertime_79
Member
Posted 3 years ago #
keithbarrett
Member
Posted 2 years ago #
I also encountered this problem. I figured out that it was happening anytime I had specific open tags (such as "pre" or "blockquote") before a "<!--more-->" statement. For some reason that condition carries into sociable's formatting and causes sociable to list the icons vertically.
My work-around was to close all tags before the "more" and re-open them again. I don't always get my desired formatting but socialable always looks right.
Union
