Notifications
Clear all

wpForo 1.x.x [Closed] Wrong aspect ratio on avatars (wpForo latest posts widget)

7 Posts
3 Users
0 Likes
2,566 Views
onlyj
Posts: 23
Topic starter
(@onlyj)
Eminent Member
Joined: 6 years ago

When resizing the browser window on a big screen the aspect ratio on the avatars is wrong. Instead of being round they turn oval. See attached file!

/Johan

6 Replies
Posts: 1602
(@anonymous20)
Noble Member
Joined: 8 years ago

Works great for me, probably it is your theme ?

onlyj
Posts: 23
Topic starter
(@onlyj)
Eminent Member
Joined: 6 years ago
Posted by: Anonymous20

Works great for me, probably it is your theme ?

Maybe, but what is causing it? I'm no expert on css codes and such stuff. So would appreciate some help.

The url to the forum is http://fotointresse.se

Thanks,

Johan

Robert
Posts: 10503
Admin
(@robert)
Support Team
Joined: 8 years ago
Posted by: onlyj

When resizing the browser window on a big screen the aspect ratio on the avatars is wrong. Instead of being round they turn oval. See attached file!

/Johan

We don't see such problem. In any case please put this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea, then save it delete all caches and do Ctrl+F5 on forum front:

.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img {
    width: 3vw;
    height: auto;
    max-width: 100% !important;
}
1 Reply
onlyj
(@onlyj)
Joined: 6 years ago

Eminent Member
Posts: 23

Tried that code and it did not fix the problem  😕.

/Johan

Robert
Posts: 10503
Admin
(@robert)
Support Team
Joined: 8 years ago

I don't see any problem. Could you please check it on other browsers?

Please keep the height:auto; don't set it 3vw. Also please cut the CSS code from Custom CSS Code textarea and paste it in current active theme style.css file to make it available for whole site, not only for forum. Don't forget delete all caches and do Ctrl+F5 on front-end.

Page 1 / 2