Facebook "Be the first of your friends..." text color change?

[409industries]

Hello!

I have the Facebook Options turn on in my vBulletin 4 forum. However, my background is very dark and the default text appears to be a dark color as well.

I've carefully gone through most of the StyleVars to change text throughout the forum to a lighter #F2F2F2 color, but can't seem to find the CSS or variable that controls this text.

Has anyone been able to successfully change the color of the text here:



Here is an example post of this problem in action if anyone wants to see it first hand: http://www.dirtyimpreza.com/forums/s...23-test-thread

I would really like this to be visible, its a great feature of vB4.x

Any help would be greatly appreciated! Thank you.

[ozzy47]

Does the same thing happen on a unmodified default style?

[409industries]

Originally Posted by ozzy47

Does the same thing happen on a unmodified default style?

Yes this happens on the default vB4 theme as well. Perhaps the color of the text is hard coded somewhere?

[tbworld]

If I remember right (and it's been a long time since I looked at it), it is part of the FaceBook JavaScript. You can tell FaceBook, by passing a parameter to return light lettering for a dark background. I will see if I can dig it up when I get a chance.

I might be confusing this with other FaceBook stuff I have worked on, but it should not be too hard to derive an answer.

[409industries]

Originally Posted by tbworld

You can tell FaceBook, by passing a parameter to return light lettering for a dark background.

tbworld, thanks for chiming in on my latest thread (and for all your prior help).

This is definitely beyond the scope of what I know how to do. Anyone got a FAQ / blog post on how to do this?

[tbworld]

As soon as I get a chance, I will track it down for you. It may not be until tomorrow: I have a pretty full plate this evening.

--------------- Added [DATE]1406745927[/DATE] at [TIME]1406745927[/TIME] ---------------

So like I thought, it is one of the parameters that is sent to facebook. So you cannot style it any further through a direct method. It would be possible to style it through the DOM, after the page loads, but I have not given that a try -- as of yet.

Modify template: facebook_likebutton

Find:

colorscheme="light"

Replace:

colorscheme="dark"

Anyway, this should get you going.

[409industries]

Originally Posted by tbworld

Modify template: facebook_likebutton

Find:

colorscheme="light"

Replace:

colorscheme="dark"

Anyway, this should get you going.

That's definitely the way to go! The returned "lighter" text for the dark theme isn't exactly the right color but at least you can now read it! This is great... thank you!

[tbworld]

Your welcome

If I get around to ever styling it with the DOM, I will let you know.

[409industries]

Much appreciated. You rock tbworld!!!