WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. GRzell
    Member
    Posted 2 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.

    http://wordpress.org/extend/plugins/facebook-like-box-widget/

  2. RicRock67
    Member
    Posted 1 year ago #

    I have this problem as well.

    Anyone have any insights?

  3. stadsmens
    Member
    Posted 1 year ago #

    same problem here, does anyone has a suggestion?

  4. jeff419
    Member
    Posted 1 year ago #

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

  5. nicee
    Member
    Posted 1 year ago #

    same here too!

  6. WebAngelo
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

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

  9. ericekidwell
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

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

  11. Trique Von 12
    Member
    Posted 1 year ago #

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

  12. shewter
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    shewter that worked perfect for me!

  15. mwi69
    Member
    Posted 1 year 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

About this Topic

Tags

No tags yet.