Hi!

I'm using Service Links to integrate my nodes with social services and this module displays links/icons in node links area. When I'm using Default Drupal Theme - Bartik everything looks fine (see attachment) , but after switching to Aquia Marina the links become spread all over the line (screen capture in attachment). How can I fix this? I this some wrong skin settings or I have to change something in the code?

Thanks for any help.

CommentFileSizeAuthor
links in Aquia4.53 KBgawi
links in Bartik4.31 KBgawi
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

komal.savla’s picture

komal.savla CreditAttribution: komal.savla commented

Hi,

The li tag and the anchor tag are having the padding, so to fix this you need to remove the padding for each li and anchor tag.
When I inspect the element using the firebug, I found that each li tag is having different classes like for eg: for facebook icon the class is "service-links-facebook", for twitter the class is "service-links-twitter".
So using firebug check the classes for the icons and add the css. For example the following css is for the Facebook icon : 

.node .links a.service-links-facebook, .node ul.links li.service-links-facebook {
  padding: 0;
}

Similarly add the css for all the image icons in your .css file

Thanks,
Komal

gawi’s picture

gawi CreditAttribution: gawi commented
Status: Active » Fixed

Thanks a lot for this solution it works perfectly!

gawi’s picture

gawi CreditAttribution: gawi commented
Status: Fixed » Closed (fixed)