WordPress.org

Forums

Facebook Comments Notifier
[resolved] [closed] Changing color of comment's text (7 posts)

  1. hunterangell
    Member
    Posted 1 year ago #

    First off I love your app and was constantly proclaiming out loud my support of it, well done. Anyway I run a dark schemed website and the comments placed on my posts have dark gray text making them hard to read. Typically I'd just change the hex code but I don't see any hex code in your files, so its gotta be a dark/light scheme nod somewhere in the codes, do you per chance know where and what I should change or is there an easier way of changing this.
    Link to a post with FB comments on my site:
    http://hunterangell.com/best-music-thus-far-linkin-par/
    Thanks!

    http://wordpress.org/extend/plugins/facebook-comments-notifier/

  2. W.P. Ginfo
    Member
    Posted 1 year ago #

    Add the following code to the style.css of your childtheme:

    .fbFeedbackPost .postText {
        /*color: rgb(26, 26, 26);*/
        line-height: 14px;
        margin: 0px 28px 5px 0px;
        color: #fff; /*you may change the color-code*/
    }

    !!NOTE!!

    ALWAYS Make a backup of your site, before making any changes!!

    1. Use FTP to backup the files.
    2. Make sure to also backup your database.
    3. http://codex.wordpress.org/Backing_Up_Your_Database

    4. Use a childtheme to make the changes in
      Suggestion: use the 'one click childtheme plugin'.
  3. hunterangell
    Member
    Posted 1 year ago #

    @W.P. Ginfo That didn't work. I even tried adding the data-colorscheme="dark" in various logical places in the js file but to no avail and I don't know js good enough to make more than a best guess as to where the option would go. The official page on FB: https://developers.facebook.com/docs/reference/plugins/comments/ gives you this code "
    <div class="fb-comments" data-href="http://example.com" data-width="470" data-num-posts="10" data-colorscheme="dark"></div>
    "
    But it appears the plugin doesn't have a div class of fb-comments anywhere.
    Still thinking the best way would be to change the comment's text but I'm not sure what will do that in this case.

  4. hunterangell
    Member
    Posted 1 year ago #

    *Correction I did find it, just where to add that line....?

    // comment form
    var html = '';
    if ( ! $('#fb-root')[0] ) {
    html += '<div id="fb-root"></div>';
    }
    html += '<fb:comments id="fbcomments" class="fbcomments" notify="true" href="' + fcn_htmlencode(url) + '" migrated="1"';

    // size control, clone/override
    var width = 550;
    if ( fcn_global_data.width ) {
    width = fcn_global_data.width;
    } else {
    width = $('#commentform').width();

    // handle resize event
    jQuery(window).resize(function() {
    if ( $('.fb_ltr')[0] ) {
    var width = $('#commentform').width();
    $('.fb_ltr').width( width );
    }
    });
    }
    html += 'width="' + fcn_htmlencode(width) + '"';

    html += '></fb:comments>' ;
    $('#commentform').html(html);
    $('#commentform').show();

  5. W.P. Ginfo
    Member
    Posted 1 year ago #

    Add the code to the style.css of your childtheme

    Use a childtheme to make the changes in. Should the author of your original theme update the theme, your changes will not be overwritten. Your site with your adaptations will remain intact.
    Suggestion: use the 'one click childtheme plugin'.

  6. hunterangell
    Member
    Posted 1 year ago #

    Gotcha, yeah I just update the original and don't have any plans of updating if said author does. I couldn't get it to work so I'm using a different app now. Works though. http://hunterangell.com/a-ton-awesome-things-online-now-death-battle/ Dark Theme and all.

  7. W.P. Ginfo
    Member
    Posted 1 year ago #

    Good that you found a solution.
    Please don't forget to tag the thread as 'resolved' in the right sidebar.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags