remove line

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.

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

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

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

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

• This reply was modified 6 years, 8 months ago by gVectors Support.

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

• This reply was modified 6 years, 8 months ago by plantman.

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);
}

• This reply was modified 6 years, 8 months ago by gVectors Support.

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

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

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

I didn’t remove that code.

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

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;
}

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;
}

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.

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;
}