remove line

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Hi

    1. You can remove the line using the following CSS code.
    Please navigate to Dashboard > Comments > Settings > Styling admin page, put the code in “Custom CSS Code” textarea. 

    #wpcomm .wc-comment-header {
    border-bottom: none !important;
}

    2. Please navigate to Dashboard > Comments > Settings > Subscription admin page, disable ” Show Notify of new replies to this comment” option.

    3. You can disable dislike button using the following CSS code (you also need to put it in “Custom CSS Code” textarea)

    #wpcomm .wc-vote-link.wc-down {
    display: none;
}

    4. Sure, it is possible to change like button icon, but I can’t provide you CSS code as I don’t know the icon you’d like to use. Font Awesome uses different principles for different icon.

    Thread Starter plantman

    (@plantman)

    6 years, 1 month ago

    Thanks for the quick reply.
    If I provided you with an lick to the icon could you provide me with the css code?

    Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Sure, I’ll provide you the CSS code as soon as possible.

    Thread Starter plantman

    (@plantman)

    6 years, 1 month ago

    Here is the icon link: https://i.imgur.com/QsmP2bu.png

    Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Please upload this image in your site and send me the full image URL.

    Thread Starter plantman

    (@plantman)

    6 years, 1 month ago

    Here is the image link:
    https://trendism.co/wp-content/uploads/2018/03/thumbs-up.png

    • This reply was modified 6 years, 1 month ago by plantman.
    Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Put this CSS code in “Custom CSS Code” textarea. Then save it, delete all cache and do Ctrl+F5 on front-end:

    .fa-thumbs-up:before {
    content: url(https://trendism.co/wp-content/uploads/2018/03/thumbs-up.png);
}
    Thread Starter plantman

    (@plantman)

    6 years, 1 month ago

    It changes for a split second but then turns back to the original thumbs up icon

    Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Please make sure, that you don’t remove this code:

    #wpcomm .wc-vote-link.wc-down {
    display: none;
}
    Thread Starter plantman

    (@plantman)

    6 years, 1 month ago

    I didn’t remove that code.

    Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Please provide me the CSS code in the “Custom CSS Code” textarea.

    Thread Starter plantman

    (@plantman)

    6 years, 1 month ago

    There is a lot of it:

    .comments-area{width:auto;}

    #wpcomm .avatar {
    box-shadow: none;
    }

    #wpcomm .wc-comment-header {
    border-bottom: none !important;
    }

    #wpcomm .wc_comm_form .wc-field-comment .wc-field-avatararea{width:64px; display: none; }

    #wpcomm .wc-reply .wc-comment-header{margin-bottom:0px; height:7px; }

    #wpcomm .wc-comment-header{margin-bottom:0px; height:7px; }

    #wpcomm .wc-comment-author a{line-height:6px; }

    #wpcomm .wc-reply .wc-comment-author{ padding:0px 0px 0px 0px; }

    #wpcomm .wc-comment-author{padding:0px 0px 0px 0px; }

    #wpcomm .wc-comment .wc-reply {margin-top:15px; margin-bottom:0; margin-left:40px}

    #wpcomm .wc-comment .wc-comment-left .wpd-xborder{ border-right: none;}

    #wpcomm .wc-reply.wc_comment_level-2{ margin-left: 14px}

    #wpcomm .wc-comment .wc-reply {margin-top:5px; }

    #wpcomm .wc-comment-author a{font-size:14px;}

    #wpcomm{border-top: none; margin:0px;}

    #wpcomm .wc-reply .wc-comment-author a{line-height:7px; }

    #wpcomm .wc-comment-right .wc-comment-text{padding: 6px 0px; }

    #wpcomm .wc-comment-footer{padding: 0px 10px 1px 0px; }

    #wpcomm .wc-footer-left .wc-cta-button,
    #wpcomm .wc-footer-left .wc-cta-button-x{ font-size:12px; }

    #wpcomm .wc-field-textarea textarea{height:30px; min-height:30px!important; }

    #wpcomm .wc-reply .wc-comment-right .wc-comment-text{line-height:0px; margin-top:7px; margin-bottom:0px}

    #wpcomm .wc-comment-right .wc-comment-text{min-height: 0px;}

    #wpcomm .wc-comment-footer .wc-vote-result{font-size:13px; }

    #wc-comment-header{padding: 10px 5px 1px 5px; ;}

    #wpcomm .wc-footer-left .wc-cta-button,
    #wpcomm .wc-footer-left .wc-cta-button-x{padding: 1px 8px 1px 8px; ; }

    #wpcomm button,
    #wpcomm input[type=”button”],
    #wpcomm input[type=”reset”],
    #wpcomm input[type=”submit”]{ padding: 8px 10px; }

    #wpcomm .wc_comm_form .wc-field-comment .wc-field-avatararea{width:64px; float:left}

    #wpcomm .wc-comment-right .wc-comment-text {
    padding: 6px 0px 0px 0px;
    }

    #wpcomm .wc-field-textarea{margin-left: 0px;}

    #wpcomm .wc_comm_form.wc-secondary-form-wrapper .wc-field-comment .wc-field-textarea {margin-left: 0px; }

    #wpcomm .wc_comm_form.wc-secondary-form-wrapper .wc-field-textarea textarea{height:30px; min-height:30px!important}

    .wpdiscuz-loading-bar{
    display: none !important;
    }

    #wpcomm .wc-comment .wc-form-wrapper{margin:0px 0px 10px 15px; padding: 0px 0px 0px 0px; }

    #wpcomm .wc-form-footer{margin-bottom: 0px; }

    #wpcomm .wc-field-textarea textarea{padding:5px;}

    .wpdiscuz-front-actions{margin-top:10px; }

    #wpcomm .wc-thread-wrapper{padding:0px 0px 10px 2px;}

    @media (max-width:520px){
    #wpcomm .wc-comment .wc-comment-left{width: 32px;}

    #wpcomm .wc-comment .wc-comment-right {
    margin-left: 40px; }
    }

    #wpcomm span:hover.wc-vote-link span{
    display: none;
    }

    .fa-thumbs-up:before {
    content: url(https://trendism.co/wp-content/uploads/2018/03/thumbs-up.png);
    }

    #wpcomm .wc-vote-link.wc-down {
    display: none;
    }

    Plugin Support gVectors Support

    (@gvectorssupport)

    6 years, 1 month ago

    Please, replace this code 

    .fa-thumbs-up:before {
content: url(https://trendism.co/wp-content/uploads/2018/03/thumbs-up.png);
}

    to 

    span.wc-vote-link.wc-up.wc_vote.wc_not_clicked .fa-thumbs-up:before {
    content: url(https://trendism.co/wp-content/uploads/2018/03/thumbs-up.png)!important;
}
    Plugin Author gVectors Team

    (@gvectors-team)

    6 years, 1 month ago

    First of all please crop the image as close as possible, it’ll not be aligned well with voting result. The image should be cropped well.

    2018-03-19_1244

    Second, it seems the lack of apostrophes affects the dislike disabling css. Change the like button icon CSS to this and add !important statement. Also wrap it with wpDiscuz ID to not affect other parts:

    #wpcomm .fa-chevron-up:before {
  content: url('https://trendism.co/wp-content/uploads/2018/03/thumbs-up.png')!important;
}
Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘remove line’ is closed to new replies.