Support » Plugin: Comments - wpDiscuz » Twitter user avatars not displaying correctly suggestions

  • Resolved Kosta92

    (@kosta92)


    I am using the WordPress Social Login plugin and have problems displaying Twitter user avatars. This is how they look. The avatar of my Twitter account with a profile photo is not sized to 48x48px. The other one without a profile photo is showing normally. There is another problem and it’s the blue line below both avatars. That blue line is #wpcomm .wc-comment-label { background: #color; }. For some reason, wpDiscuz thinks that these users are post authors, but it’s not displaying this “AUTHOR” tag.

    What I have already tried:

    – For issue with avatar height:
    I have wrote this CSS line to fix it: #wpcomm .avatar { height: 48px; }. My suggestion is to not use the height: auto as a default style, but rather the height: 48px.

    – For issue with background color:
    There is a #wpcomm .wc-comment-label { background: #color; } style for <div class=”wc-blog-member wc-comment-label”>. My suggestion is to use that color only for <div class=”wc-post-author wc-comment-label”> and not for every <div class=”wc-blog-member wc-comment-label”>. I have also tried to change names and usernames of both Twitter users to something different than my post author name and username, since they are similar.

    https://wordpress.org/plugins/wpdiscuz/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author gVectors Team

    (@gvectors-team)

    Hi

    There is another problem and it’s the blue line below both avatars. That blue line is #wpcomm .wc-comment-label { background: #color; }. For some reason, wpDiscuz thinks that these users are post authors, but it’s not displaying this “AUTHOR” tag.

    This is not the AUTHOR lebel you’re thinking about. wpDiscuz adds label for all users, please see screenshots: https://wordpress.org/plugins/wpdiscuz/screenshots/ . This is a phrase issue or CSS conflict which affects wpDiscuz label. It would be better if you leave some URL, we’ll check and let you know what css you should add to get it fixed.

    – For issue with avatar height:
    I have wrote this CSS line to fix it: #wpcomm .avatar { height: 48px; }. My suggestion is to not use the height: auto as a default style, but rather the height: 48px.

    Thank you

    – For issue with background color:
    There is a #wpcomm .wc-comment-label { background: #color; } style for <div class=”wc-blog-member wc-comment-label”>. My suggestion is to use that color only for <div class=”wc-post-author wc-comment-label”> and not for every <div class=”wc-blog-member wc-comment-label”>

    Thank you

    Thread Starter Kosta92

    (@kosta92)

    Thank you for helping me!

    I found out what a blue line was. Yes, it was a problem, but not with a CSS that I had for wpDiscuz, but with the fact that I deleted Title For Members text. Will try to fix that somehow. If you wouldn’t mind, please tell me what can I do to any of these codes in order to disable that title:

    <tr valign="top">
        <th scope="row">
            <?php _e('Title For Members', WC_Core::$TEXT_DOMAIN); ?>
        </th>
        <td colspan="3">
            <label for="wc_user_title_member_text">
                <input type="text" value="<?php echo $this->wc_options_serialized->wc_phrases['wc_user_title_member_text']; ?>" name="wc_user_title_member_text" id="wc_user_title_member_text" />
            </label>
        </td>
    </tr>
    else {
      $wc_author_class = 'wc-blog-member';
      $author_title = $this->wc_options_serialized->wc_phrases['wc_user_title_member_text'];
    }

    My third suggestion is to create checkboxes for disabling Title For Guests, Title For Members, Title For Authors, Title For Admins, and other Phrases if we want.

    Plugin Author gVectors Team

    (@gvectors-team)

    Why are you editing the core code? There are lots of options to customize wpDiscuz, please see this screen: http://screencast.com/t/bLzUelmnmNdz

    Thread Starter Kosta92

    (@kosta92)

    Because I want to have only the post author title active.

    Plugin Author gVectors Team

    (@gvectors-team)

    Please go to Dashboard > wpDiscuz > Background and Colors Tab, and put this css code in “Custom CSS Code” textarea.

    #wpcomm .wc-blog-guest .wc-comment-label{ display: none; }
    #wpcomm .wc-blog-member .wc-comment-label{ display: none; }
    #wpcomm .wc-blog-admin .wc-comment-label{ }
    #wpcomm .wc-blog-author .wc-comment-label{ }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twitter user avatars not displaying correctly suggestions’ is closed to new replies.