Facebook Like Box Widget
changing background colour or text colour (15 posts)

  1. GRzell
    Posted 4 years ago #

    does anyone know how i can change either my text colour OR the background colour of the widget? my website has a black background and i cant read anything on it. the light/dark colour option does not work at all. it makes no difference when i change that setting.


  2. RicRock67
    Posted 3 years ago #

    I have this problem as well.

    Anyone have any insights?

  3. stadsmens
    Posted 3 years ago #

    same problem here, does anyone has a suggestion?

  4. jeff419
    Posted 3 years ago #

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

  5. nicee
    Posted 3 years ago #

    same here too!

  6. WebAngelo
    Posted 3 years ago #

    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?

  7. ericekidwell
    Posted 3 years ago #

    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 :D

  8. Gareth Wynn
    Posted 3 years ago #

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

  9. ericekidwell
    Posted 3 years ago #

    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.

  10. Gareth Wynn
    Posted 3 years ago #

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

  11. Trique Von 12
    Posted 3 years ago #

    I tried your solution ericekidwell but I don't found how to change color text ... can you help me ?

  12. shewter
    Posted 3 years ago #

    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.

  13. Devira
    Posted 3 years ago #

    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.

  14. kolleen
    Posted 3 years ago #

    shewter that worked perfect for me!

  15. mwi69
    Posted 3 years ago #

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

    Any suggestions on making it not show up?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Facebook Like Box Widget
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.