Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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.
Comment | File | Size | Author |
---|---|---|---|
links in Aquia | 4.53 KB | gawi | |
links in Bartik | 4.31 KB | gawi |
Comments
Comment #1
komal.savla CreditAttribution: komal.savla commentedHi,
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 :
Similarly add the css for all the image icons in your .css file
Thanks,
Komal
Comment #2
gawi CreditAttribution: gawi commentedThanks a lot for this solution it works perfectly!
Comment #3
gawi CreditAttribution: gawi commented