avatar too large / full width

Please leave some screenshot.

I made a screenshot, please see https://www.waternatuurlijk.nl/leden/wp-content/uploads/wpdiscuz-img.png

This is a theme conflict. The theme CSS affects wpDiscuz CSS styling.
It’s hard to write a CSS code without access to the real page. I hope this will help. Please navigate to Dashboard > Comments > Settings > Styling admin page, put this CSS code in Custom CSS Code textarea, save it, delete all caches and do Ctrl+F5 on front-end:

#wpcomm .wc_comm_form .wc-field-comment .wc-field-avatararea{width: 75px!important;}
#wpcomm .wc_comm_form.wc-secondary-form-wrapper .wc-field-comment .wc-field-avatararea{width: 48px!important;}
#wpcomm .wc_comm_form .wc-field-comment .wc-field-avatararea img,
#wpcomm .wc_comm_form .wc-field-comment .wc-field-avatararea img.avatar,
#wpcomm .wc_comm_form.wc-secondary-form-wrapper .wc-field-comment .wc-field-avatararea img,
#wpcomm .wc_comm_form.wc-secondary-form-wrapper .wc-field-comment .wc-field-avatararea img.avatar{width: 100%!important;height: auto!important;}

Hi,
thanks for really fast support.

I’m afraid this solution does not work. I made a post that is accessible for visitors, and added a reaction to it. Would this be helpful to find a solution?
https://www.waternatuurlijk.nl/leden/test-wpdiscuz/

Although the avatar is not shown for non-logged in users, the border shows the dimensions of the avatar like on the printscreen I made earlier.

I don’t see my solution on your website. it seems you’ve not added or didn’t deleted all caches. Please try again and make sure the cache is deleted. if it still doesn’t work put this code in active WordPress style.css file.

Hi,
I did delete all cache before, but tried again, without result.
I added the code to the style.css of my child theme, emptied cache, tried severeal browsers, but no result.
Any suggestions left?

I still don’t see your added code, even in chide theme CSS file:
Here is that:
https://www.waternatuurlijk.nl/leden/wp-content/themes/hueman-child/style.css?ver=3.3.25

I think you have some hard cache. Try to find other ways to delete cache. All changes are not added on front-end.

that is strange. I checked on ftp, but the code is there all right. When I open your link, I did not see it, but it appeared after refreshing.
I don’t use a caching plugin

I think this is a hosting service cache or there are other plugins activated which have some optimization functions and cache the CSS and JS file. Once the CSS file brings the code your problem will be fixed.

Hi, I think I found the cause of the problem! It’s not related to the theme (I installed WP Discuz on an offline site I use for testing, and it was fine there), but a conflict with another plugin: Comment Attachment. After deactivating, the avatar is like it should be.

Any idea how to solve this? I really need my visitors to be able to upload images or files to the site, so I cannot leave this plugin deactivated.

I’ve already provided the solution. Once the CSS code will be available on your front-end the problem will be fixed. It doesn’t matter what kind of conflict is that.

Thanks for your patience, but I don’t understand how this can be. As soon as I activate the Comment Attachment plugin, the avatar is back to full width. Adding your code to the style.css or the settings for WP Discuz does not change that.

I suppose I have to try and find another plugin for Comment Attachments, I found that it is outdated (although I have no idea if that has any influence on your plugin).

Thanks so far, I’m impressed by the speed of your support!