Topic-icon Responsive Comments

Active Subscriptions:

None
11 years 6 months ago #27186 by uglyeoin
Responsive Comments was created by uglyeoin
Hey,

I want comments on all lots of my pages, but not all of my pages are the same size. Furthermore, my sites are starting to be responsive to try and cater for mobiles etc in one template.

Can this be achieved with these extensions??
The topic has been locked.
Active Subscriptions:

None
11 years 6 months ago #27197 by catedh
Replied by catedh on topic Responsive Comments
Hi,

Try to add this in your template css:
#fbcomments, .fb_iframe_widget, .fb_iframe_widget[style], .fb_iframe_widget iframe[style], #fbcomments iframe[style], .fb_iframe_widget span { width: 100% !important; }
The topic has been locked.
Active Subscriptions:

None
11 years 6 months ago #27198 by uglyeoin
Replied by uglyeoin on topic Responsive Comments
Nice one! Cheers :)
The topic has been locked.
Support Specialist
11 years 6 months ago #27201 by alzander
Replied by alzander on topic Responsive Comments
Catur,
Wow! Thanks for the tip. We didn't even know about that CSS trick that would work! We haven't had many requests for Responsive support yet, but Facebook's built-in support in their widgets in severely lacking.

We'll test that CSS with our width parameter that we also use, but I think that will solve a lot of issues. I can see that being in our CSS in the next release.

Thanks!
Alex
The topic has been locked.
Active Subscriptions:

None
11 years 6 months ago #27224 by catedh
Replied by catedh on topic Responsive Comments
You're welcome Alex.
I used that trick for my site also. And really works.
Facebook let us to use our own css for customize comments box.
example:
fb:comments numposts="4" title="My Blog Comments" css="http://www.yourwebsite.com/css/comments.css?1234" simple="1"
I found that info here:
developers.facebook.com/docs/reference/f...omments_%28XFBML%29/

I already modified library/sourcecoast/easytag.php to add css link.
But no luck. During this day my comments box still stay the same default Light color :(
Maybe it will be nice to add that feature in future release. Hope it will work as expected.

I will keep update if there any change in my comments box :D

Thank you.
The topic has been locked.