[Plugin: Facebook Like Box Widget] changing background colour or text colour

I have this problem as well.

Anyone have any insights?

same problem here, does anyone has a suggestion?

I’d like to be able to change the background color too. Thanks!

same here too!

I would only like to change the number count (next to the like button) because it′s dark grey and I also have an almost black background in my sidebar. I′m only using the Likebox. The recommend box always writes into my page area.

What is also not cool is that if the facebook page name is too long it will cut the like box by about 1/3 from below. Anybody can help here please?

I had the same problem too, but I figured it out!

Here’s what I did to change the background:

1. Click Plugins
2. Click Editor
3. In the upper right hand corner, click the lookin box saying “select plugin to edit:”
4. Select Jetpack and click select button
5. On the right hand side find and click : jetpack/modules/widgets.php
6. On the right hand side find and click : jetpack/modules/widgets/facebook-likebox.php
7. Put your cursor at the top (1st line) and count down 58 lines by hitting your down arrow key on your key board.
8. On the 58th line you should see:

(line 57:) $like_args[‘header’] = (bool) $like_args[‘header’] ? ‘true’ : ‘false’;
(line 58:) $like_bg_colour = ( ‘dark’ == $like_args[‘colorscheme’] ) ? ‘#000’ : ‘#fff’;
(line 59:)

You can change both #000 and #fff to the hex code color that you want so that no matter if you’ve chosen dark or light, the background color will be the color of your choosing.

Let me know if that helped any ??

Hi ericekidwell,
I’ve followed your steps above but alas no changes made. Any other ideas?
Thanks

Yeh actually after that. It changed back. I think the facebook widget checks every now and then and changes the colors back, it’s kinda annoying. Haven’t figured out a solution yet.

Ok, no worries. I’ll try another solution. Thanks

I tried your solution ericekidwell but I don’t found how to change color text … can you help me ?
Thx

This worked for me –
I added this to the bottom of my theme’s css file:

.fb_iframe_widget {background:#e8e8e3 !important;}

Then adjusted the height to match.

I’ve tried both. The first didn’t work because I don’t have a jetpack option and in editor I couldn’t find lines like those.
The second option didn’t work for me either.

I just want to have the text “you and 204 others like” changed into another color because it’s almost exactly the same color als my backgroundcolor.
If possible, I’d like to change the link color as well because blue so doesn’t match with my black/white/grey colour schemes.

shewter that worked perfect for me!

@shewter It worked, but now shows on my website in the top left corner. Check it out… https://www.minutewomeninc.com

Any suggestions on making it not show up?