.
Log In
Members
Add Reply
Add Topic
Topic RSS
3:02 pm
QuoteCan i do that with Custom CSS?
That will be helpful because the buttons have 2 much space between them.
Thx.
Offline
Yes that can be done using custom css.
to adjust the margin or space between buttons you can use
div.socialicons {
margin-right: 1px !important;
}
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
4:18 pm
This solution doesn't seem to work anymore—there's still a large amount of space between the small icons, and it looks awkward. I've been messing with the CSS (there's a lot of nesting!) and it would appear that the .socialicons divs aren't the problem—they only have 1px of margin—but that one or some of the internal divs or iframes are, instead.
This is the code I finally got to work:
div.socialicons {
margin-right: 1px !important;
} div.s4plusone {
width: 70px !important;
} iframe.twitter-share-button {
width: 90px !important;
} iframe.fb_ltr {
/* facebook like just messes the overlay up if width is adjusted.*/
}
It's not perfect, but it targets the right bits & pieces. I moved Facebook Like to the right-hand side because, while you can make the box smaller, the overlay then gets all squished. Stupid iFrames!
Hope that helps someone out.
you can reduce the space between the buttons using custom CSS
< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />
1 Guest(s)
