Custom Social Media icons to replace Share This module icons

dbarbara
Contributor

Is there a way to replace the Share This module social icons with custom PNG files without building a whole new custom module?

 

Have located the HTML, but can't see a way to replace the icons with custom ones.

<img src="https://static.hubspot.com/final/img/common/icons/social/twitter-24x24.png" class="hs-image-widget hs-image-social-sharing-24" style="max-height:24px;max-width:24px;border-width:0px;border:0px;" alt="Share on Twitter" hspace="0" width="24">

DefaultDefaultGoal is to use these custom iconsGoal is to use these custom icons

 

5 Replies 5
relabidin
HubSpot Alumni

Hi @dbarbara,

 

HubSpot does not offer a feature that lets you replace the default Social Sharing icons. However, you can target the CSS class of the icons to make slight changes to them.

 

If you want to replace them entirely then you would need to create a custom HTML module. You might want to consider using a social icon generator like this one to get started: http://www.socicon.com/generator.php

 

Rami 

0 Upvotes
dbarbara
Contributor

Hi Rami,

 

Rather than creating a custom Share This module, the client decided to go with the out of the box module at the end of each blog post, and a custom Follow Us module in the sidebar. So we are all set!

 

And thanks for the link to the generator!

 

Barbara

0 Upvotes
smockd
Member

Hi - @relabidin I am trying to swap the default icons provided in the Social Sharing module. I have created the icons I want (.png files). Can you tell me the code I need to point the link to the user account - or is there another way for me to swap out the icons? 

0 Upvotes
SvetSli
Participant

@smockd, did you ever find a solution to your request? I'm currently in the process of doing the same thing and hve been banging my head with trying to find a solution. 

0 Upvotes
smockd
Member

Hi, we did find a solution, however, I can't explain it to you. 🙂 I can give our web developer your contact info and he can possibly explain. Here's what we did - you can see the icons on the side:  http://blog.stlukesct.org/blog/rememberingcivilrights

0 Upvotes