AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] Discussion Icons Stretched

✦ Summarize Topic

wpDiscuz Integration

Last Post by classicbrush 4 years ago

5 Posts

2 Users

2 Reactions

5,794 Views

RSS

Posts: 3

classicbrush

Topic starter

Translate ▼

Aug 15, 2021 4:46 am

(@classicbrush)

Active Member

Joined: 4 years ago

[#2719]

Hello! Just added WPDiscuz to my website and love it. Added avatars to be shown and they are strangely stretched. This is only the case on computers, not smart phones. Is there anyway to fix the width of the user avatars? I tried clearing the cache and looked through the settings of my layout and the WPDiscuz tools, resulting in the same stretched icons.

Thank you in advance!

Topic Tags

avatar icons

4 Replies

Posts: 132

Jacob

Support

Translate ▼

Aug 16, 2021 3:52 pm

(@jacob)

Estimable Member

Joined: 10 years ago

Hi @classicbrus

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

In case you want to say thank you! 🙂

We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

3 Replies

classicbrush

(@classicbrush)

Joined: 4 years ago

Active Member

Posts: 3

Aug 18, 2021 9:28 am

Reply toJacob

Translate ▼

@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.

Jacob

Support

(@jacob)

Joined: 10 years ago

Estimable Member

Posts: 132

Aug 26, 2021 1:43 pm

Reply to

classicbrush

Translate ▼

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.

In case you want to say thank you! 🙂

We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.