JFBConnect 5.1.1 Comments Width Responsive 100% width

kaz78
Offline

Active Subscriptions:

None

12 years 8 months ago #36740 by kaz78

JFBConnect 5.1.1 Comments Width Responsive 100% width was created by kaz78

I am using a responsive template and JFBConnect v. 5.1.1.
Is there a way to make the width of the Comments module always be 100% and adjust to the size of the responsive template?

Please have a look at oshow.com/arlaux
In JFBConnect -> Social -> Content Plugin - Comments -> I have erased the width which was 350px by default.

Please let me know what I need to do / what code I may need to add to which file.

Thank you.

The topic has been locked.

alzander
Offline

Support Specialist

12 years 8 months ago #36745 by alzander

Replied by alzander on topic JFBConnect 5.1.1 Comments Width Responsive 100% width

Edit the /components/com_jfbconnect/assets/jfbconnect.css file. In there, you'll see:

.fb-comments, .fb-comments iframe[style] { 
   width: 100% !important; 
}

Update that first line to:

.fb-comments, .fb-comments >span, .fb-comments iframe[style] {

That fix is already implemented in our code and will be in the 5.1.2 release scheduled for next week.

I hope that helps,
Alex

The topic has been locked.

kaz78
Offline

Active Subscriptions:

None

12 years 8 months ago #36754 by kaz78

Replied by kaz78 on topic JFBConnect 5.1.1 Comments Width Responsive 100% width

Works great! Thank you!

The topic has been locked.

alzander
Offline

Support Specialist

12 years 8 months ago #36765 by alzander

Replied by alzander on topic JFBConnect 5.1.1 Comments Width Responsive 100% width

Awesome! Glad to hear that worked. As mentioned, that CSS is already included in the v5.1.2, planned for release later this week.

Thanks for the feedback,
Alex

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

JFBConnect 5.1.1 Comments Width Responsive 100% width