CMS Development

Freya
Member

make social sharing icons larger?

Is there a way to make the social sharing icons of the hubspot module larger? if I add them to a mail or landingspage I would prefer them standing out more.

 

0 Upvotes
1 Reply 1
JanekNahm
Contributor | Diamond Partner
Contributor | Diamond Partner

make social sharing icons larger?

Hi Freya,

 

Email and landingpages are handled differently. The landing pages are defined by your sites CSS and the email is defined by the style setup in the template itself. 

 

The easiest way to achieve a consistent look for both is to create a custom Follow Me module.

Here is a tutorial on how to do that: https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-to-create-a-custom-follow-me-modu...

 

When you gathered all the necessary links to your accounts and the images, you get something like that: 

<ul> <li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load" style="max-width: (width of image)px" width=“(width of image)px”></a></li> <li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load" style="max-width: (width of image)px" width=“(width of image)px”
></a></li> <li><a href="URL of Account on Social Network"><img src="URL of icon from File Manager" alt="Alt Text to be displayed in event that the image doesn't load" style="max-width: (width of image)px" width=“(width of image)px”
></a></li> </ul>

Replace the placeholders in the code with your links. I highlighted the part where you can choose the size of the icons. 

 

Afterwards, replace the follow me element in your template by a custom module and insert the code above. 

Kind regards,
Janek

 

 

0 Upvotes