http://forums.sharethis.com/ ShareThis Forums Tag: css en Wed, 07 Jan 2009 08:05:26 +0000 http://forums.sharethis.com/topic/sharethis-slowing-down-other-javascript#post-1105 Wed, 31 Dec 2008 22:39:25 +0000 denilama 1105@http://forums.sharethis.com/ <p>I also have the same problem as Amplicon. The IE browser freezes about 2-5 seconds after the page is loaded. Any idea?</p> <p>Thanks,</p> <p>Denis </p> http://forums.sharethis.com/topic/sharethis-slowing-down-other-javascript#post-1066 Thu, 18 Dec 2008 21:21:37 +0000 Manu 1066@http://forums.sharethis.com/ <p>Amplicon,</p> <p>I am guessing that you are seeing a slowdown because you are in a different geographical location (UK -&gt; Seattle). We plan on implementing a global CDN solution soon, so you should see an improvement when that happens, but till then I was wondering if you can send me a url where I can look at your implementation I am sure that I can suggest a solution that solves the issue you are seeing)</p> <p>thanks,<br /> Manu </p> http://forums.sharethis.com/topic/sharethis-slowing-down-other-javascript#post-1059 Thu, 18 Dec 2008 16:39:49 +0000 Amplicon 1059@http://forums.sharethis.com/ <p>We have just found the same problem.</p> <p>Everything was fine until we got the news of the new and 'faster' loading code. But on our IE browsers (both 6 &#38; 7) it seems to create a 2-5 sec delay which makes the page freeze and clicking on links does not work until the share this code has loaded. </p> http://forums.sharethis.com/topic/cant-get-css-right#post-1000 Fri, 05 Dec 2008 03:41:42 +0000 ernestkoe 1000@http://forums.sharethis.com/ <p>i tried to override the CSS locally but I can't seem to get the button to align it correctly with the text. Any insights would be greatly appreciated. </p> <p><a href="http://www.edsocialmedia.com" rel="nofollow">www.edsocialmedia.com</a> </p> http://forums.sharethis.com/topic/sharethis-slowing-down-other-javascript#post-957 Wed, 19 Nov 2008 21:24:07 +0000 jcotton 957@http://forums.sharethis.com/ <p>Hi there</p> <p>Thanks for replying. </p> <p>To answer your question: an example of the problem showing its face is the 'videos' page - the comments box on the right briefly becomes visible when first loading the page. With Sharethis removed this doesn't happen.</p> <p>I think the additional javascript is just slowing down the loading of each page enough that a flaw with hiding DIVs (either an inate one or one in the way we've structured our code) is showing itself.</p> <p>Does that make sense?</p> <p>Cheers - Jon </p> http://forums.sharethis.com/topic/sharethis-slowing-down-other-javascript#post-948 Tue, 18 Nov 2008 15:45:34 +0000 Manu 948@http://forums.sharethis.com/ <p>Jon,</p> <p>I looked around the site and could not find anything that I think would make the ShareThis button slow down the site. Is there a reason you believe that the ShareThis button is the cause of the problem?</p> <p>thanks for using ShareThis,<br /> Manu </p> http://forums.sharethis.com/topic/sharethis-slowing-down-other-javascript#post-943 Mon, 17 Nov 2008 22:52:58 +0000 jcotton 943@http://forums.sharethis.com/ <p>Hi there</p> <p>We're using quite a lot of different CSS's on a site we're building, c/w the usual javascript to hide/show certain divs. </p> <p>Working version of the site is here... <a href="http://tinyurl.com/5f4q3m" rel="nofollow">http://tinyurl.com/5f4q3m</a></p> <p>Adding the sharethis icon is slowing page-loading down sufficiently that divs which should be hidden on load are briefly visible (e.g. if you click on the 'videos' link you will see the comments div which is usually hidden by default load briefly).</p> <p>Can anyone suggest a way round this? I'm thinking it may be a fundemental issue with the way our javascript is structured - it's not our forte.</p> <p>Gratefully,</p> <p>Jon </p> http://forums.sharethis.com/topic/share-this-link-vanishes-on-hoverrollover#post-702 Sun, 14 Sep 2008 21:38:05 +0000 malcolmcoles 702@http://forums.sharethis.com/ <p>Obviously, having tried to fix it for ages, I thought of the solution 4 minutes after posting this. So I downloaded the CSS used by the second poster above, and found this in there:<br /> a:hover .stbuttontext {<br /> color: #147;<br /> text-decoration: underline;<br /> }<br /> Which did the trick when I added it to my CSS. </p> http://forums.sharethis.com/topic/share-this-link-vanishes-on-hoverrollover#post-701 Sun, 14 Sep 2008 21:31:46 +0000 malcolmcoles 701@http://forums.sharethis.com/ <p>The ShareThis link and logo are appearing fine on my wordpress posts EG (<a href="http://www.malcolmcoles.co.uk/blog/pushchairs-tall-people-bugaboo-cameleon-review/"> this pushchair post </a>). Latest versions of ShareThis and WP installed. But when you rollover the link, the ShareThis words disappear.</p> <p>Two other people have reported this:<br /> <a href="http://forums.sharethis.com/topic/link-hover-color" rel="nofollow">http://forums.sharethis.com/topic/link-hover-color</a><br /> <a href="http://forums.sharethis.com/topic/sharethis-link-is-wrong-color-and-size" rel="nofollow">http://forums.sharethis.com/topic/sharethis-link-is-wrong-color-and-size</a></p> <p>Neither of these solutions works for me (and they are very different!). Is it possible to find out what the name of the CSS class is or whatever? I presume a bit of tweaking of the CSS is all that's needed. But as I can't see the HTML, I can't work out what to change. </p> http://forums.sharethis.com/topic/customize-my-sharethis-link#post-694 Thu, 11 Sep 2008 15:57:10 +0000 renet 694@http://forums.sharethis.com/ <p>That's not true. Animated gif-files CAN have transparency.<br /> Here's an example: <a href="http://www.clicksmilies.com/s1106/huepfen/jumping-smiley-015.gif" rel="nofollow">http://www.clicksmilies.com/s1106/huepfen/jumping-smiley-015.gif</a></p> <p>I suggest to update your rotating icon and add transparency. Even though I now know that creating my own icon is not connected with any disadvantages. Thanks for that information. </p> http://forums.sharethis.com/topic/sharethis-link-is-wrong-color-and-size#post-684 Tue, 09 Sep 2008 00:22:27 +0000 bkamradt 684@http://forums.sharethis.com/ <p>That helped quite a bit. I guess I really just needed to know the class (?) to format the text with. Cheers! </p> http://forums.sharethis.com/topic/customize-my-sharethis-link#post-669 Tue, 02 Sep 2008 21:11:46 +0000 ShareThisSupport 669@http://forums.sharethis.com/ <p>Hi Renet,</p> <p>For clarity, animated gifs cannot have transparent backgrounds, unfortunately. Also the animated gif that ShareThis has, only cycles through a select set of social web services, not the ones specified in the Social Web tab.</p> <p>I'm happy to answer any additional questions you may have.</p> <p>-S.T.S. </p> http://forums.sharethis.com/topic/share-this-strips-css-styling-on-search-pages#post-668 Tue, 02 Sep 2008 21:08:46 +0000 ShareThisSupport 668@http://forums.sharethis.com/ <p>Hello, </p> <p>I'm afraid I'm unable to replicate the issue. Are you still experiencing the problem? </p> <p>Are you using the latest version of the ShareThis WordPress plugin? </p> <p>-S.T.S. </p> http://forums.sharethis.com/topic/customize-my-sharethis-link#post-662 Sat, 30 Aug 2008 17:12:23 +0000 renet 662@http://forums.sharethis.com/ <p>Thanks for your reply. I think this will work fine for me, except for one thing: The rotating icon that I want to have transparency is (as ShareThis says) rotating through the full set of icons that I have in my ShareThis Box. But I've chosen to always use the top 20 social webservices. This would mean that if I'd like to create my own rotating icon, I would have to update it, everytime that the top 20 changes, wouldn't it? Isn't there another way to add transparency (or at least a pre-defined background color) to the rotating icon so I can stay up to date with the top 20 social webservices AND the rotation button WITH transparency / backgroundcolor automatically?</p> <p>Hmm, that way a little complicated... Hope you get, what I mean. =) </p> http://forums.sharethis.com/topic/share-this-strips-css-styling-on-search-pages#post-661 Sat, 30 Aug 2008 16:05:56 +0000 wwwindi 661@http://forums.sharethis.com/ <p>Share this is added onto my posts.</p> <p>When I perform a search and a search page pops up, Share This strips my posts of their css styling. Search page is set to display excerpts only. </p> <p>Any way to deal with this except to remove ShareThis?</p> <p>Thanks!<br /> WWWindi </p> http://forums.sharethis.com/topic/customize-my-sharethis-link#post-648 Mon, 25 Aug 2008 19:36:51 +0000 ShareThisSupport 648@http://forums.sharethis.com/ <p>Hi Renet, </p> <p>The ShareThis API (STAPI) is flexible enough to allow you to attach the ShareThis functionality to any HTML element you choose. In other words, you can make your own custom buttons. For instruction see: <a href="http://support.sharethis.com/developers/developers-faq/stapi/62" rel="nofollow">http://support.sharethis.com/developers/developers-faq/stapi/62</a></p> <p>I'm happy to answer any additional questions you may have. </p> http://forums.sharethis.com/topic/customize-my-sharethis-link#post-642 Fri, 22 Aug 2008 23:12:50 +0000 renet 642@http://forums.sharethis.com/ <p>Hello there,</p> <p>I'd like to customize my ShareThis link as follows:<br /> - Change the text from "ShareThis" to s/th different (and also the "title"-attribute)<br /> - Make the rotating icon with transparent background (so no white edges are seen with some logos)<br /> - Change the CSS-class a.stbutton so there's no longer any padding (otherwise the Link doesn't fit into my menu-style)</p> <p>(How) Is this possible? And if it's not, can you please make it possible? =) I think those are some important customization issues, so every one can decide on his/her own what the ShareThis link should look like. Thanks in advance!</p> <p>Cheers,<br /> renet </p> http://forums.sharethis.com/topic/sharethis-link-is-wrong-color-and-size#post-530 Fri, 25 Jul 2008 19:38:51 +0000 ShareThisSupport 530@http://forums.sharethis.com/ <p>Hello,</p> <p>The button link text should inherit the color of other links on your site. If it does not, you should be able to style it by adding the following block of code to your main stylesheet.</p> <p>.stbuttontext{</p> <p>color:{desired color}</p> <p>} </p> http://forums.sharethis.com/topic/sharethis-link-is-wrong-color-and-size#post-525 Fri, 25 Jul 2008 00:35:28 +0000 bkamradt 525@http://forums.sharethis.com/ <p>I'm in the initial stages of setting up my Wordpress site and can't figure out how to style the ShareThis link to match the theme I'm using. I went to the customizing tool at <a href="http://sharethis.com/publisher?type=wpplugin," rel="nofollow">http://sharethis.com/publisher?type=wpplugin,</a> but that doesn't change the text link that trigger the ShareThis popup window (only the contents of the popup itself). Any ideas? My site is at <a href="http://fusd1online.net/wordpress." rel="nofollow">http://fusd1online.net/wordpress.</a> Thanks! </p> http://forums.sharethis.com/topic/css-customization-of-the-sharethis-button-text#post-456 Tue, 01 Jul 2008 19:07:27 +0000 ShareThisSupport 456@http://forums.sharethis.com/ <p>Hello,</p> <p>I'd be happy to solve this issue for you if you could supply a link to your site!</p> <p>Thanks! </p> http://forums.sharethis.com/topic/css-customization-of-the-sharethis-button-text#post-451 Sun, 29 Jun 2008 12:29:21 +0000 fiendsan 451@http://forums.sharethis.com/ <p>Well i know there are a couple of threads with this already, but they just don't work for me, and it seems that the code as changed a bit since then, the problem is that the "Share This" text has a a:hover color of white, and my background is white and this tag "stbuttontext" has no link effect, a:hover or a:visit don't work with it and "stbutton stico_default" has a space in the class so i can't use it as well, what code must i use to change the link color on a:hover , thank you. </p> http://forums.sharethis.com/topic/title-038-url-displayed-in-sharethis-blockpopup#post-151 Wed, 12 Mar 2008 21:34:19 +0000 ShareThisSupport 151@http://forums.sharethis.com/ <p>Have you checked the offsetTop and offsetLeft API options? These will change the positioning of the ShareThis widget in relation to the button link. </p> <p>See: <a href="http://support.sharethis.com/developers/developers-faq/stapi/71" rel="nofollow">http://support.sharethis.com/developers/developers-faq/stapi/71</a> </p> http://forums.sharethis.com/topic/title-038-url-displayed-in-sharethis-blockpopup#post-145 Mon, 10 Mar 2008 18:47:39 +0000 himerus 145@http://forums.sharethis.com/ <p>After putting together the Drupal 6 module for ShareThis (http://drupal.org/project/sharethis), I'm noticing the positioning of the elements is not quite to my liking. When a link at the bottom of the page is clicked, the positioning is too low, and once it is loaded, a user must scroll down to see the full block.</p> <p>What I'd like to implement with simple CSS overrides, is a fixed position block that was let's say for example in the top right hand corner of the page. This could easily be accomplished in my code, however, with a page with multiple links (like 10 or more), if the ShareThis blocks appeared in the same position for each, it would be hard for the user to really see what post they were submitting to a social networking site.</p> <p>I think it would be an easy implement, and a great feature so that at the top of the "web" and "email" tabs, it had 2 lines displaying the title of the post, and the url, so that a user could see this, and verify they are actually submitting what they like. </p> <p>Just my $0.02</p> <p>Thanks! </p>