Social share buttons: crooked

Highlighted
Anonymous
Not applicable

Social share buttons: crooked

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

 
Tags (1)
4 REPLIES 4
Highlighted
Anonymous
Not applicable

Re: Social share buttons: crooked

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.
Highlighted
Anonymous
Not applicable

Re: Social share buttons: crooked

Hi Jim,
See this video (please ignore any office background noise, our developers are noisy): http://screencast.com/t/wc7b35vVRtj

Thanks,
Brian
Highlighted
Anonymous
Not applicable

Re: Social share buttons: crooked

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?
Highlighted
Anonymous
Not applicable

Re: Social share buttons: crooked

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