Social share buttons: crooked | Community
Skip to main content
A
Anonymous
April 24, 2015
Question

Social share buttons: crooked

  • April 24, 2015
  • 4 replies
  • 1809 views
When I used the default sharing bar, the icons are not aligned with each other: http://screencast.com/t/KyjHntLs

Q: How do I fix this?

When I try to build custom buttons as individual social assets, it appears I can't add Google+ or Pinterest (only FB, Twitter and LinkedIn).

Q: How do I fix this?

Thanks,
Brian

 
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

4 replies

A
Anonymous
April 24, 2015
For your first question, they should be aligned. Do you have a sample page that this happens on? 

For your second question, currently the Social Buttons asset only supports Facebook, Linkedin, and Twitter.
A
Anonymous
April 24, 2015
Hi Jim,
See this video (please ignore any office background noise, our developers are noisy): http://screencast.com/t/wc7b35vVRtj

Thanks,
Brian
A
Anonymous
April 24, 2015
It might be something in your page that is altering it, like some CSS. Try creating a new page with the Blank or Standard Templates. Does it happen there?
A
Anonymous
April 27, 2015

Jim,
Aha, good call. I linked to Bootstrap which declared "vertical-align: middle;" for iframe. So I overrode this in the Marketo Template with "vertical-align: bottom;" - this fixed the Google + icon.

The FB button didn't like a line height I set of 1.5 em, so I targeted the container class and set the line-height to 0.

Thanks for your help!
Brian

Terms & ConditionsAccessibility statement

Loading footer...