Can the social share button be stylized with custom CSS?

Highlighted
Level 10 - Champion Alumni

Can the social share button be stylized with custom CSS?

Not sure why Marketo didn't provide a way to stylize (at least change the color) the social share button like it does for Forms 2.0 submit buttons.  Has anyone tried to use custom CSS within a landing page to change the color?

0EM50000000SUIP.jpg

I'm going to try creating a localized CSS rule for the "lpeCElement Social_Button_1" class to see if that does the trick.  Here's the complete div tag/code that's used on a Marketo landing page:
<div id='lpeCDiv_15356' class='lpeCElement Social_Button_1'><div class='lpContentsItem shareButtonSpan'><div class='cf_widgetLoader cf_w_xxxxx'></div>

Even if this works, I'm not sure I'll be able to do this on non-Marketo pages since the embed code is much different:

<div class='cf_widgetLoader cf_w_xxxxx'></div> 
Tags (1)
1 REPLY 1
Highlighted
Anonymous
Not applicable

Re: Can the social share button be stylized with custom CSS?

I customized it for a client a year or so ago. Use Chrome's Dev tool and figure out what the names are. It isn't hard to customize. As for embed, I don't know whether it keeps the same classes when it renders.