The CSS is in your header, but somehow there was a paragraph (<p>) inserted inside the button <div> (and not closed btw), that messes with the CSS.
If you want a quick solution, deactivate the CSS from Reaction Buttons in the configuration and add the following CSS to your own stylesheet. It includes the special paragraph.
div.reaction_buttons{
margin-top: 20px;
font-size: 0.8em;
text-align: left;
}
div.reaction_buttons > p > span {
line-height: 3.2em;
padding: 5px;
margin: 0 3px;
margin-bottom: 25px;
border: 1px dotted #000;
}
div.reaction_buttons > p > span:hover {
background-color: #0F6;
}
But do you have any idea, what addon could cause that? Or do you mind telling me which addons you are running?
here is a list of plugins I am using currently
Akistmet
Firestats
comicpress manager
custom post order
diggZ-Et
Highlight Author Comments
Sociable
I installed all of your plugins (at the end even simultaneously) without reproducing this effect. (Well, comicpress I only installed and activated, didn’t really use it since it seems quite complex…)
I couldn’t find out what theme you are using. Is it custom or can I download it somewhere? Thats the last idea I’ve got, I just don’t see how my code could create this paragraph tag on its own.
I think the css got messed up when I downloaded the plugin (downloaded using wordpress dashboard). The theme I use is comicpress theme.
I went into the plugin directory and corrected the CSS file manually (it had additional < signs) and that worked.
Thanks so much for helping me through this …
That didn’t solve the problem really, now your CSS is messed up a bit (the boxes around the numbers aren’t supposed to be there). For your specific case I would suggest the CSS I posted above, that should take care of things.
Again, I’m sorry that I cannot seem to find the problem and thanks for reporting it.
