Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Facebook Comments not responsive

Topic-icon Facebook Comments not responsive

Active Subscriptions:

None
9 years 6 months ago #48015 by peforever
Hi,
I am using Content Plugin - K2 Comments.
How can I get the Facebook Comments to be responsive?
I read some posts from earlier this year but not sure if this was resolved.
Please help.

Thanks!
The topic has been locked.
Support Specialist
9 years 6 months ago #48021 by alzander
In the JFBConnect -> Social configuration area, set the width parameter for the comment box to "100%". That will make it take up the area of whatever container div it is in.

I hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
9 years 6 months ago #48023 by peforever
That worked. Thanks!
Is there anyway of positioning the Comments lower in K2?
Everything else in K2 gets pushed too far down.
The topic has been locked.
Support Specialist
9 years 6 months ago #48048 by mel
When Bottom is selected, JFBConnect inserts the Comment box at the end of the article content. Anything being displayed after that is being done by the K2 template. To move the position of the Comment box, you can override the template to insert the JFBCComments easy tag in the correct position, instead of using the JFBCContent plugin/JFBConnect>Social area to add the comments.

For more info on how to add the Easy Tag:
www.sourcecoast.com/jfbconnect/docs/social-sharing/easy-tags
The topic has been locked.
Active Subscriptions:

None
9 years 6 months ago #48064 by peforever
The Easy Tags really helped a lot but how do I arrange the Social Buttons Horizontally in a module?
I tried a table but that did not work.

Thanks!
The topic has been locked.
Support Specialist
9 years 6 months ago #48079 by mel
Try the following:
<div class="my-horizontal-share-buttons">{SCTwitterShare}{SCGooglePlusOne}{JFBCLike}</div>
Then, in your template's CSS, add:
.my-horizontal-share-buttons .sourcecoast{ float: left; }
The topic has been locked.
Active Subscriptions:

None
9 years 6 months ago #48086 by peforever
Mel you are the best!
So I have it all set up the way I want but how can I add a little space in between each button?
The topic has been locked.
Support Specialist
9 years 6 months ago #48095 by mel
Glad that helped.

You should be able to do the spacing with adding margin. Try (or something similar)
.my-horizontal-share-buttons .sourcecoast
{ 
float: left; 
margin-right: 5px;
}

If you take a look at the JFBCSocialShare module we display at the bottom of this page (with the social share buttons), you can inspect its styles, which might help. Additionally the JFBCSocialShare module is included with your JFBConnect installation, so you can play around with it to help you out or give you ideas too.
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect v8.x Support (Joomla 3 Only) (CLOSED)
  7. Facebook Comments not responsive
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS