[Solved] Discussion Icons Stretched

Hi @classicbrus

Please leave an example URL of the page you need help with.

@jacob Hi Jacob.  Thanks so much for your patience.

This is a webcomic website in which each page has discussion open.  I just introduced the WPDiscuz plugin last week.

The URL below shows the stretched icons in the discussion (upon scrolling down.):

https://spiffycomic.com/comic/ch-4-pg-9/

If you are on a laptop or desktop, you will notice the circular icons are stretched horizontally just slightly.  This, however, does not occur if the page is viewed from a mobile device.

Thank you very much in advance for any guidance or advice on how to fix the stretched icons.

Hi @classicbrush 

Copy and paste this css 

#wpdcom .wpd-form .wpd-avatar img,
#wpdcom .wpd-form .wpd-avatar img.avatar, 
#wpdcom .wpd-comment .wpd-avatar img, 
#wpdcom .wpd-comment .wpd-avatar img.avatar {
      max-height: 64px;
}

into Dashboard > wpDiscuz > Settings > Styles and Colors > Custom CSS Code textarea and save changes.

Please delete all caches before checking if there are any. 

@jacob Hello Jacob.

Thanks so much for your assistance.  The CSS worked and the icons are no longer stretched.

Since the issue is now resolved, please feel free to lock or close this thread.

Thank you very much again!