Support » Plugin: Facebook Comments Notifier » Changing color of comment's text

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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’.

    @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.

    *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();

    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’.

    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.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing color of comment's text’ is closed to new replies.