I was able to find the problem by inspecting the code. in the CSS, "#wpcomm .avatar" was set with "width:100%" but not contained within a div. Height was set to "height:auto". This caused it to stretch the image and take up a huge portion of the screen. I edited wpdiscuz.css in "wp-content/plugins/wpdiscuz/assets/css" to set the avatar to be 64 pixels wide.
All CSS code is correct. You just need to reset cache and make sure the latest wpDiscuz update CSS file is loaded. If you see a big avatar it means your wpDiscuz is updated but the new CSS files are not loaded. The old CSS files are cached and loaded instead of new files. Please delete all cache, purge CDN and press Ctrl+F5 on website front. Also please leave some URL to your website.
Hi, Tom
The same exact thing has happened on my site. I only downloaded wpDiscuz a week ago. My site has yet to open to the public. The avatar has displayed this behavior from install & continued after the last update. I performed as you stated about deleting the cache and the rest. None of that worked. Please, I need your assistance. https://www.stylistable.com
Hi Mr_Collins,
maybe you've used some plugin for HTML/JS/CSS optimization and minification. Reset all minified, optimized cache files. Delete all caches and purge CDN and press Ctrl+F5 on front-end. If it doesn't help please disable all Caching and Optimizer plugins and check again.
Thank you for your reply,
Tried all the above. Same result. I am not using any caching or optimization plugins, neither is my host. Tried it with plugins deactivated/activated. Additionally, I ran Clear Cache for Me, plugin. Same result.
I do not know how to proceed.
Hi Mr_Collins,
Could you please leave some screenshot of this issue?
Of course,
Please provide us the plugins' list that you use?
Sure,
Dear Mr_Collins,
Please deactivate all plugins one by one, and check after each deactivation.
As, I said before, did all the above. I found solution by using similar editing method as The_Bent. Thanks.