Notifications
Clear all

Word Wrap, Border, and Remove Recent Comments Tab Date?

2 Posts
2 Users
0 Reactions
1,522 Views
Posts: 13
 Ali
Customer
Topic starter
(@alip)
Member
Joined: 5 years ago

Hi there! I just purchased the full Bundle and am having trouble configuring Widgets to look nice with my theme. Can you help?

1) When comments are displayed on more then one line, the words are broken in the middle to run to the next line.  Please see attached.  Is there a way to adjust the word wrap? (attachment 1)

2) There is a back border around the user's avatar.  Can this be removed? (attachment 1)

3) In the recent comments tab, is there a way to remove the date?  Or swap the user name and date?  "Laura on 12/16/19", for instance? (attachment 2)

Here is my current Settings > Addons> Widget Custom CSS:

#widget-comments-container .wpdiscuz-widget-popular-comment-author .popular-comment-author-body {
word-wrap: normal; font-size: 16px !important; width: 80%;
}
#widget-comments-container.widget-comments-container div.wpdiscuz-widget-comment-exc, #widget-comments-container .wpdiscuz-widget-comment .wpdiscuz-widget-comment-content p.wpdiscuz-widget-comment-title,#widget-comments-container.widget-comments-container .popular-comment-author-disp-name .commenter-name-box {
font-size: 16px !important;
}

Thanks in advance for your help!

recent names
word break

 

1 Reply
Elvina
Posts: 1403
(@elvina)
Support
Joined: 5 years ago
Posted by: @alip

1) When comments are displayed on more then one line, the words are broken in the middle to run to the next line.  Please see attached.  Is there a way to adjust the word wrap? (attachment 1)

Please navigate to Dashboard > Comments > Settings > Addons Widget tab, find the "Enable post title shortening" and the "Enable content shortening" options and check it out.

Posted by: @alip

2) There is a back border around the user's avatar.  Can this be removed? (attachment 1)

Please use the CSS code privided below:

#widget-comments-container .wpdiscuz-widget-popular-comment-author .popular-comment-author-avatar-box .commenter-avatar-box img{
border: none !important;
}
Posted by: @alip

3) In the recent comments tab, is there a way to remove the date?  Or swap the user name and date?  "Laura on 12/16/19", for instance? (attachment 2)

Please use the following CSS code: 

.popular-comment-author-body a +div{
display:none !important;
}

All CSS code should be adde in the Dashboard > Comments > Settings > Addons > Widget  tab  "Widget custom CSS" textarea.

Don't forget to delete all caches and press CTRL+ f5(twice) on the frontend before checking.

Reply
Share:
Scroll to top