Custom Design for Social Sharing Buttons

Custom Design for Social Sharing Buttons

I would like to be able to change the css for the Social Sharing buttons so that they reflects my company's branding and color palette.

Right now the buttons seems out of place on our landing pages so I don't use them. I have looked through the community and it seems that this is not an available feature, but i think it would lend a lot more credibility to each company through consistent branding.
3 Comments
Anonymous
Not applicable
I was thinking the same thing, this would be great to be able to do. 
Grégoire_Miche2
Level 10
As a workaround, just add a few lines of CSS to your site CSS. Example here :

.cf_widget .cf_socialicons .cf_socialicon {
    float: left !important;
    height: 40px !important;
    margin-left: 0 !important;
    margin-right: 3px !important;
    width: 40px !important;
}
/* === Hides the share word ==*/ 
.cf_actionElem {
    display: none !important;
}
/* === replacing icons ==*/ 
.cf_widget .cf_socialicons .cf_facebook {
    background: url("[image path]/facebook.png") no-repeat scroll left center transparent !important;
}
.cf_widget .cf_socialicons .cf_linkedin {
    background: url("[image path]/linkedin.png") no-repeat scroll left center transparent !important;
}
.cf_widget .cf_socialicons .cf_twitter {
    background: url("[image path]/twitter.png") no-repeat scroll left center transparent !important;
}

you can see the result here : http://blog.inficiences.com/2014/10/20/commercial-et-marketing-comment-le-digital-change-le-jeu/

Best regards,
Greg
kh-lschutte
Community Manager
Status changed to: Open Ideas