Icon images not loading

Hi @lamochilaalhombro,

Thanks for reaching out! Let’s work together to resolve the issue with your social media share icons not loading. Here are some steps to help troubleshoot:

1. Clear Browser Cache and CDN Settings:
   • Sometimes, caching can block the proper display of icons. Clear your browser cache and, if you’re using a CDN, ensure .svg files are not blocked or cached incorrectly.
2. Check for Adblockers or Browser Settings:
   • Adblockers or strict browser cookie policies can sometimes block resources like icons. Try accessing your site without any Adblockers or from a different browser.
3. Inspect for Errors:
   • Open the developer tools (right-click > “Inspect” > “Console” tab) to see if there are any errors related to sharethis.com or the SVG files. If you see errors like ERR_BLOCKED_BY_CLIENT, it’s likely a blocking or script conflict.
4. Verify Plugin or Code Installation:
   • Did you manually install the ShareThis code, or are you using a plugin? If you’re using a plugin, check if it’s the latest version. We’ve recently fixed similar issues in past updates.
5. Custom CSS Fix (if needed):
   • If double rows or layout issues are present, adding the following CSS in the plugin’s CSS settings might help:
     .ssbp-list a + p { display: none; } .ssbp-btn:hover svg { display: block !important; }
6. Update the Plugin:
   • If you haven’t already, update the ShareThis plugin to the latest version, as newer updates often include fixes for such issues.

If the issue persists, please share more details:

• Have you recently made any changes to your site?
• Are you using the plugin version directly from WordPress?
• Can you confirm if HTTP Strict Transport Security (HSTS) or similar policies are enabled on your site?

Let us know how it goes!

— The ShareThis Technical Support Team

@lamochilaalhombro Hey, just wanted to reach out. I took a look at your page and realized you are using our old deprecated styles for the share bar. If you make sure your plugin is upgraded to the newest version and switch to the new “share bar” styles like “round”, then the icons should show again. There are a number of style options and tweaks you can make to match your website’s colors and what not. Reach back out with any questions. Thanks!

Thank you both for your responses, @sharethis and @davidoffneal. I actually don’t remember which plugin I initially installed. I know I used a plugin for sharing on social media some time ago, but I may have uninstalled it, and it could still be lingering in my code somehow.

I’ve tried reinstalling both ShareThis and Simple Share, and while they both work perfectly, the same error persists.

Here’s an example of a random post on my website where the issue occurs, though it happens on every post:

https://lamochilaalhombro.com/blog-de-viajes/destinos-para-viajar/viajar-a-europa/europa-del-sur/portugal/que-ver-en-sintra-y-cascais-en-2-dias/

Below, you can see how each plugin appears on my website, and you can still see the other buttons without images.

Simple Share

https://drive.google.com/file/d/1G2m3AmMTU41IuJVzvf50m4GtzQukhWw0/view?usp=drive_link

Share this:

https://drive.google.com/file/d/15X32s5SYP1ZBLkrDYeuFjzK3X0RM7DMb/view?usp=drive_link

• This reply was modified 2 months, 2 weeks ago by lamochilaalhombro.
• This reply was modified 2 months, 2 weeks ago by lamochilaalhombro.

Yeah it looks like the broken images are coming from code that is hard coded into your theme’s template and not from either plugin.

ShareThis looks correct (it makes some networks smaller to fit all of them width wise). Just lessen the amount of networks if you’d like all the icons to look the same or turn off the “label” so it’s only the icon.

For Simple Share, unfortunately there is a bug with WordPress’s “autop” functionality that some themes have. It adds an additional paragraph tag to the button html that turns into a color background. You can remove this with CSS. If you wish to use Simple Share feel free to turn it on and I can provide a specific bit of CSS for you to add to your site’s Customizer.

I’d be more than happy to take a look at your website’s code if you need help finding the root of those broken share button images. For now I see et_pb_sticky–has-transform in the html leading me to believe this is being added by “Divi builder” itself. It’s possible you have share buttons turned on in some configuration.

Let me know if this resolves your issue. Thanks!

Thank you so much for your detailed recommendations for each plugin, @davidoffneal. I truly appreciate your insights.

It’s very likely that the issue is related to Divi, as you mentioned. However, I’ve thoroughly (I think) reviewed all the settings and couldn’t find a way to disable that specific function.

Let me know what the next steps would be, and thank you again for your time and assistance!