Posted 4 years ago #
Hi All,
For some reason, the Share-This icon and text are overlapping one another on my blog. I've checked it in both Firefox and IE - the behavior is the same in each browser. It's also the same on either the main page or a single post.
The main page: http://creatingabetterlife.net/
Single post: http://creatingabetterlife.net/2007/12/16/pointers-to-resources-for-your-better-life-3/
I've got the latest version of the plugin (2.1b1).
Any ideas on how to correct this?
Thanks!
Posted 4 years ago #
I am having the same problem. See http://blog.psychlinks.ca.
How do we fix this?
Posted 4 years ago #
Since we are using the same theme, minstrel, I'm guessing it may have something to do with that - the Copyblogger Theme... maybe something in the CSS.
Posted 4 years ago #
Hmmm... I'll dig around a bit and see.
Posted 4 years ago #
Thanks for using ShareThis!
You can try adding a definition into your style.css file for the class="stbuttontext".
.stbuttontext {
margin-left:20px;
}
I also noticed that the rollover state for the ShareThis link is not handling the red background with white text situation very well. I will look into a possible solution for that as well.
Give the above css call a try and see if that corrects the alignment problems.
Thanks,
ShareThis Support
Posted 4 years ago #
Beautiful! Worked great.
Thanks!
Posted 4 years ago #
Thanks so much for posting the solution to the Share It overlap in Copyblogger.
I'm also having the rollover issue and would appreciate a solution to that, too.
Please make it easy to follow since I'm a newbie when it comes to anything technical - although I did manage to change the css file you mentioned.
Thanks again.
Debbie
Posted 4 years ago #
That did indeed fix the button-text overlap issue! :)
A fix for the text color issue would be nice... :)
Posted 4 years ago #
That did indeed fix the button-text overlap issue! :)
A fix for the text color issue would be nice... :)
Posted 4 years ago #
Any progress on the color-background problem?
Posted 4 years ago #
Started a new bug report at http://wordpress.org/support/topic/150497?replies=1#post-671768
Posted 4 years ago #
You can try adding the following block of css to your style.css file.
.custom .entry span a:hover{
color:#000;
font-weight:bold;
border-bottom:1px solid #a90000;
}
This change will make it work in the same fashion as the links that show you how many folks have made comments or the links in the right navigation.
Those links, when you hover over them, go from Red to Black with a red underline.
Try that out and see how that works.
Thanks,
ShareThis Support
Posted 4 years ago #
That works. Thank you! :)
Posted 4 years ago #
Update:
If you previously implemented the below fix to correct the Image and text spacing problem. You will want to remove that change from your stylesheet. Just remove the below block of css from your style.css file.
.stbuttontext {
margin-left:20px;
}
We have implemented a css fix on our side to address this issue. If you see too much space, just remove the .stbuttontext call. :-)
For those that have implemented the background-color fix, that change will still need to be there, so don't remove that change.
Thanks,
ShareThis Support
Posted 4 years ago #
Your server side fix messes up the background hover color fix. See http://blog.psychlinks.ca and watch the spacing shift when you hover.
Posted 4 years ago #
You can apply the following change to this block of css in your style.css file.
OLD:
.custom .entry span a:hover{
color:#000;
font-weight:bold;
border-bottom:1px solid #a90000;
}
New:
.custom .entry span a:hover{
color:#000;
border-bottom:1px solid #a90000;
padding-left:22px;
}
That should fix it. Let us know if it doesn't.
Thanks,
ShareThis Support
Posted 4 years ago #
Yep! That works nicely. Thank you!
Posted 3 years ago #
I'm still having the issue after adding
.custom .entry span a:hover {
color:#000;
border-bottom:1px solid #a90000;
padding-left:22px;
}
http://www.wellmixed.com/blog/
I'm using a theme called Ayumi
Can anyone help?
This topic has been closed to new replies.
