I'm trying to use custom images with the Facebook, Twitter and Google Widget services with no luck. I've tried using css and haven't found a solution. I'm using 7x-2.1.

I see that that other services can pull from the custom folder which can be set on the General Settings page of configuration, but how can custom images be used for the Widget services?

Comments

ranjan.kumar’s picture

ranjan.kumar CreditAttribution: ranjan.kumar commented

I am facing the same issue. Adding images in the custom folder is not helping, they are not picked by the service widgets. I havt to use Facebook, Twitter and Google plus widgets.

storytellerjeff’s picture

storytellerjeff CreditAttribution: storytellerjeff commented

Anybody?

As this module seems a little under-staffed/issue-heavy right now, has anyone had any luck using custom images for the Widget services?

Simon Georges’s picture

Simon Georges CreditAttribution: Simon Georges commented

I'm not completely sure you have the right to use other images as per the terms of use of the main services. Did you check?

storytellerjeff’s picture

storytellerjeff CreditAttribution: storytellerjeff commented

That should not be an issue, providing you use images that are registered to the provider and represent their brand faithfully and appropriately. In my case, I'm just wanting to use Facebook, Twitter, etc. logos, but with a button-style service link, as that matches the theming of my site.

There are other drupal modules (Facebook Connect) that allow you to change the icon for the widget service, but this then means adding a number of custom modules to do what Service does on its own. Ideally, the customization that is already present in Service Links just needs to be extended to the widget services and this problem would be solved.

Simon Georges’s picture

Simon Georges CreditAttribution: Simon Georges commented
Version: 7.x-2.1 » 7.x-2.x-dev
Category: support » feature

Ok, then changing to "Feature Request" on the current -dev branch.

TheCrow’s picture

TheCrow CreditAttribution: TheCrow commented

There is some working example?

As far i know this shouldn't be allowed from social networks, especially if that's not mentioned on their respective documentations.

Concerning Facebook Like i saw somewhere a custom Button based on Facebook APIs but try to change the icons on the services added looks impossible to me.

Glad to know if someone know a way :)

P.S.
I found a track here: http://stackoverflow.com/questions/14801757/is-it-possible-to-have-a-cus...

TheCrow’s picture

TheCrow CreditAttribution: TheCrow commented
Status: Active » Closed (won't fix)

unless you are using some css trick listed here http://servicelinks.altervista.org/?q=about/troubleshooting (and not sure if this will work) this can't be achieved.

ChandeepKhosa’s picture

ChandeepKhosa CreditAttribution: ChandeepKhosa at 2Toucans commented
Issue summary: View changes

I managed to find a workaround for this by inserting my own custom images using CSS, and adding the new images to my theme. I +1 this as a feature request, as hiding the existing images with 'display:none' is certainly not ideal.

You can see a live example of this code in action at http://www.kindconsumer.com in the 'Share' section at the bottom.

.service-links a {
  width: 30px;
  height: 30px;
  color: #fff;
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 5px;
}

.service-links img {
  display: none;
}

.service-links-facebook {
  background: url(../img/facebook.png) 0 0 no-repeat transparent;
}

.service-links-linkedin {
  background: url(../img/linkedin.png) 0 0 no-repeat transparent;
}

.service-links-twitter {
  background: url(../img/twitter.png) 0 0 no-repeat transparent;
}