Make my sharing toolbar like your sharing toolbar

uglyeoin
Offline

Active Subscriptions:

None

9 years 8 months ago #46447 by uglyeoin

Make my sharing toolbar like your sharing toolbar was created by uglyeoin

My sharing toolbar seems to sit above the bottom of the page. It's due to the Facebook like button being 80px for some reason. How can I get it at the bottom like yours?

www.squareballoon.co.uk/

The topic has been locked.

alzander
Offline

Support Specialist

9 years 8 months ago #46466 by alzander

Replied by alzander on topic Make my sharing toolbar like your sharing toolbar

Sorry for the delay in getting back to this post.

To make the height right, please use the "Height" setting in the Facebook Options setting of the JFBCSocialShare module. For the horizontal view, you should set the height to '20'. Looks like we should investigate having that as a default determined based on some other settings (horizontal vs vertical, etc).

Let me know if that helps,
Alex

The topic has been locked.

uglyeoin
Offline

Active Subscriptions:

None

9 years 8 months ago #46479 by uglyeoin

Replied by uglyeoin on topic Make my sharing toolbar like your sharing toolbar

I think so, the width is a tad harder to work out, for single digits it is 78px. I still seem to have a large area beneath the buttons.

The topic has been locked.

alzander
Offline

Support Specialist

9 years 8 months ago #46517 by alzander

Replied by alzander on topic Make my sharing toolbar like your sharing toolbar

To fix the spacing at the bottom, update the module settings as follows:
Padding: 5px 0 0 5px
Margin: 5px

As for the spacing, we'll agree, it's a bit annoying on how the sharing buttons can have their spacing. We have the following CSS in our template, which seems to work, but on some pages with higher counts, things can still get a little wonky.

.jfbcsocialshare .jfbclike { margin-right: 0; }
.jfbcsocialshare .Twitter { margin-right: 3px; }
.jfbcsocialshare .Google { margin-right: -20px; }
.jfbcsocialshare { border: solid 1px #aaa; }

That last one is simply the border, but thought I'd throw it in.

I hope that helps,
Alex

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

Make my sharing toolbar like your sharing toolbar