Sharethis Button

wincewong · May 28, 2020, 9:37pm

Hi there,

Am trying to figure out why the sharethis button isn’t showing up properly. I’m using the HTML embed. I asked the sharethis support team and they said it has something to do with the global CSS selector? Not sure what that mean in the context of webflow. Would you be able to help please?

Thanks!!!
Winson

Here is my site Read-Only: Webflow - Wattle Project
(how to share your site Read-Only link)

WhoaNelly.Design · June 16, 2020, 4:49pm

I’m having a similar issue, except instead of the alignment being off, my icons aren’t showing up at all within my buttons.

Were you able to find an answer?
ShareThis has been totally absent in their responses.

gilson · June 16, 2020, 6:01pm

If you are having trouble with Embed links, please share the live site URL so we can inspect the css selectors. It’s not possible to inspect this problem using the Webflow Designer itself because it does not render the external content.

wincewong · June 16, 2020, 7:08pm

Ah thanks! the live site url is www.wattle.io

gilson · June 16, 2020, 7:39pm

Hey @wincewong, that’s an easy fix!

in your Style Guide page you set the All Images style to have a 17px margin top. Just clean this up and you’ll should be fine.

wincewong · June 16, 2020, 8:03pm

thanks! I updated it and still the same. Am I missing a selector somewhere or should I try a different margin?

Alex_Avery · June 26, 2020, 6:13pm

Hi @wincewong, I’d have to agree with @gilson. Let us know if the steps below don’t fix the issue with the top-margin pushing those logos down below the button.

To edit the top-margin for All Images, complete the following steps:

click any image on your site. I clicked your logo.
click “3 selectors” in the top right, and select “All Images”
you’ll see that there is still a 17 px top-margin for All Images

image468×640 24.4 KB
click the ‘17’ and change it to ‘0’
publish and you should be good to go!

Hope that works!

wincewong · June 29, 2020, 2:26pm

Thank you! Yes - I misread, edited now and now it works! Thank you all!!!

damilare · December 19, 2020, 5:40pm

ShareThis Buttons Aren’t Displayed Proberly When Initially Hidden

Hi Folks,
I have a related, but different problem with ShareThis buttons that I intend to show as part of the success message of a sign up form.

To show the buttons, I’ve added an HTML Embed DIV to the container that has the form’s success message. But on submission of the form, while the success text shows right away, the ShareThis buttons don’t appear until I manually resize the browser window.

It’s very similar to the problem reported here: jquery - ShareThis not display properly when initially hidden - Stack Overflow

This is the live URL of my site: Webflow - LYNLanding

And you can access the settings of the form on that page to view the success message. You can also see HTML Embed DIV via the Navigator.

Any help will be much appreciated.

Dee7_Studio · October 10, 2023, 8:43am

I had the same problem, and fixing the global Image margin did the trick. It was a recommendation from ShareThis support