June 27, 2014 - JFBConnect v6.1 Released! Instagram, Github, VK integration; new Social Stream to show your stream from Facebook, Twitter and LinkedIn; Lots more. See The full changelog

Changing text color in facebook comments and like (content plugin)

Changing text color in facebook comments and like (content plugin)

Hello! Tomorrow my subscription expires and I will eventually renew it but I´d like to wait a few months until new update is available to save some of the usually scarce money.
I´ve just upgraded (as you suggested to me) to 3.1.2 and all is good, then I went ahead with some social plugins for my articles: like and comments. My problem is that the grey text doesn´t work with my dark brown background and I can´t figure out where is the css to style this... seems not to be in my server but in facebook´s???
It has to be a solution for dark background pages, so if you could tell me before my subscription finishes I would really appreciate it.

Thanks so much in advance!

Noa
www.geoparadise.org

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

To start, if you're subscription expires tomorrow, don't worry, we'll help you with this issue as necessary. current/smile

There's a few solutions for this in the current release.. and yes, we're working to make it better in the future. The Like and Comment boxes can actually include local CSS, but you need to actually tell Facebook to use your local CSS file. Since we have quite a few ways to load the Like and Comment boxes (modules, {} tags, and the JFBCContent plugin), can you tell me which way you're using? That way, we can get you a more specific answer.

Thanks!

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin | Sendy

alzander
Alex
useravatar
Offline
19025 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Hello! Thanks for the extended support. ;D
I am currently using Content plugin now, but I might also need to use the tags in the next few days, to try include facebook comments in easyblog, instead of jcomments (if I can get their support team to help me a little bit and asses if it is technically possible), so I might need to know both systems.
For now it is only in use through content plugin.
You can see it here in case you need:
http://www.geoparadise.org/index.php?op … mp;lang=en
thanks again
Noa

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

The solution's actually pretty easy in both cases then.. though maybe a little confusing. We already have a CSS file defined for the Comment/Like button combo. What we use it for is hiding the Like button in the combo, however, you can use it to style things however you want.. as well as leaving the Like button visible.

You can see/modify the CSS file at /plugins/system/jfbcsocial/fb_comments.css

To use with the JFBCContent plugin, you'll need to enable the "Hide Like Button" option... even if you don't want to hide it. That's just our way of including the CSS file, which hides it.

For the { JFBCComments tag.. you'll want to use the hideLikeButton=1 tag.. this will, also include the CSS file.

From there, hopefully, you can do what you want. The Comment box is loaded in an iFrame, so things like 'body {background: #FF0000;}' should make the background red, for instance.

Good luck, and let us know. We'll try to make including the CSS a little more straightforward in the next release.. cause I'm already a little confused current/smile

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin | Sendy

alzander
Alex
useravatar
Offline
19025 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Hello again! After a few days disappeared I am now back to work...
So...
http://www.sourcecoast.com/components/com_agora/img/members/1524/screenshot.pngmmmh! I cannot make it work. See in the screenshot my options in jfbcontent plugin. The option you are talking about is: "Show comment like box", to be set to "Hide"?
The only thing that happened is that the box around the comment input box is gone, but I tried adding this:

Code:

body {

color: #FFE5D7 !important;
}

but text color doesn´t change. Also, firebug is not seeing the css override... Am I doing something wrong?

Thanks a lot!
Noa
Geoparadise.org

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Hey! You don't have a subscription! current/smile

I went to the page, but couldn't find the plugin enabled anywhere. Can you enable it, and let us know what page we can see it on? That will help us. Basically, using Firebug, if you look at the iFrame code itself, there should be an inclusion of the /plugins/content/jfbccontent/fbcomments.css file in the head section. That should also be where the style you mention above should be. Hopefully, that helps debug a little.. but if not, post where it is, and we'll do what we can to help.

Thanks!

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin | Sendy

alzander
Alex
useravatar
Offline
19025 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Hello! Yes, I am expired, I am aware of that, thanks for still answering.
Here is one of the pages where the plugin shows. http://www.geoparadise.org/index.php?op … mp;lang=en
It is visible only in single article views.
Tell me if you find what is wrong with it, please!
Also, I am trying to get EasyBlog support team (Sam) to help me integrate facebook comments in easyblog instead of Jcomments or Easyblog comments. I told him I´ve got your plugin JFBCSocial and that I would like to use the tags to stick the comment box where comments are meant to be.
He thinks the idea is sound and wants to experiment with it on his end before do it in my site. He asked me if the plugin is free so I could send it to him and they could integrate it in their component.
I told him that it isn´t and that it comes with a package so they should talk with you about possible partnering.
Could you pass me an email address where he can contact you regarding this issue, please?

Cheers!

Noa

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Hello again! Could you tell me something on this? It look so ugly in that grey current/sad
thanks!
Noa

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Noa,
Very sorry about the delay. To start, feel free to pass our email along to EasyBlog ([email protected]). We love hearing from other developers.

As for the comment box, I just looked at the page you linked. If you look at the HTML on the page, you'll see the <fb:comments statement and in there, it loads:
http://www.geoparadise.org//plugins/sys … mments.css

In that file, you should put the code I pasted above. That file is actually loaded first by Facebook, and then it's included in the iFrame. You can't modify how the comment box looks using the CSS in your template.

Now, for the bad news, and part of the reason why we took so long to respond. Facebook recently updated it's Comment module. This update does not allow for styling overrides, so the fix detailed above may not work for long. What we use is now the "legacy" version. In 3.2 (coming out in the next few weeks) will use the 'updated' version, which will prevent extra styles.

We're looking into a lot of options to allow for basic styling like you need, as others have non-white backgrounds on their site. If there isn't a solution we can find, we will submit it as a bug to Facebook so that hopefully they add some way to set the background color (at least) for the comments box.

Hope this all helps, and if not, let us know. Again, sorry for the delay, and good luck!

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin | Sendy

alzander
Alex
useravatar
Offline
19025 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Added the code as you can see here:
http://www.geoparadise.org//plugins/sys … mments.css
to change text color, but it doesn´t seem to do anything. Tried as well with the backgroud as you suggested but is the same. Am I writing something wrong?

Thanks!
Noa

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Noa,
I have some bad news for you. On March 1st, Facebook announced a new Comment system. This new Comment system does not allow the inclusion of CSS files anymore. Originally, when we read the post, we thought that for users of the 'older' method, they would still be allowed to include CSS files. Unfortunately, that appears to not be the case, and there will be no way to include external CSS files going foward.

All of the changes were supposed to go into effect at the end of April, but we're already seeing limited (or no) use of external CSS files being a part of the comment box. There's nothing we can do about this, I'm sorry to say.

If you'd like to read the post, please see it below. Additionally, if you search for "css", you'll see another user complaining of the same issue. A Facebook moderator does say that they're looking into ways to have an option for a dark background, but no timeline is given.
http://developers.facebook.com/blog/post/472

I hope this helps, and good luck!

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin | Sendy

alzander
Alex
useravatar
Offline
19025 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

That is bad, really! But I understand that is not your fault. I hope FB fix it soon.
BTW am I using the last comment upgrade or did it came out after my subscription expired?  My version of JFB connect is 3.1.2
If I change from light to dark in the plugin´s color scheme option nothing changes... Is this normal?
Thanks!

Noa

geoparadise
Dave
useravatar
Offline
29 Posts
Active Subscriptions:

None
Administrator has disabled public posting. Please login or register in order to proceed.

Re: Changing text color in facebook comments and like (content plugin)

Version 3.2 of JFBConnect was just released on Thursday last week. There were a ton of new features added and other goodies, including a lot of additional options for targetting what category, section, or article the Content plugin actually displays in. For more information on the big features in this release, check out our blog post:
http://www.sourcecoast.com/blog/item/10 … sneak-peek
or the full changelog:
http://www.sourcecoast.com/extensions/j … /changelog

With the announcement of the change to the Comment module, Facebook removed the colorscheme option. They've announced that they plan to re-add it soon, but it's not available yet. There were lots of changes to the comment box recently, and the 3.2 version of JFBConnect uses the newer box. 3.1.x uses the older box, which Facebook no longer recommends using (but continue to support for now).

Hope that helps, and good luck!

If you use our extensions, please consider leaving a rating and review at the Joomla! Extension Directory:
JFBConnect | SCLogin | Sendy

alzander
Alex
useravatar
Offline
19025 Posts
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
7898
Total Polls:
0
Total Posts:
34549
Average Posts Per Hour:
1.1
User Info
 
Total Users:
23071
Newest User:
leojmmm
Members Online:
3
Guests Online:
747

Social Stream
SourceCoast Joomla Social Extensions
Wednesday, 25 June 2014
Confused about social meta tags? Not even sure what social meta tags are? Read our primer on how to set, test and use the essential tags on your site.
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program