How to increase avatar appearance size in extended layout? - How-to and Troubleshooting - wpForo 2.0

RE: How to increase avatar appearance size in extended layout?

selsebil — Thu, 16 Dec 2021 08:40:40 +0000

@tutrix Yes. You all are genius ❤️

RE: How to increase avatar appearance size in extended layout?

Kazuya_Fujimoto — Thu, 16 Dec 2021 07:54:52 +0000

@robert Thanks for the helpful answer. The information came in handy.

RE: How to increase avatar appearance size in extended layout?

Tutrix — Wed, 15 Dec 2021 18:19:33 +0000

@selsebil

add this to custom css

@media screen and (max-width:620px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
width: 70px !important;
max-height: 70px !important;
}
}

RE: How to increase avatar appearance size in extended layout?

selsebil — Wed, 15 Dec 2021 14:00:11 +0000

I guess there is no way to increase avatar size in desktop while keeping it normal in mobile. Thank you for your interest.

RE: How to increase avatar appearance size in extended layout?

selsebil — Mon, 13 Dec 2021 13:22:01 +0000

@robert Thank you for answer. I tested it in incognito tab. I firstly deleted cache and tested in incognito tab but the result is same. Here is screen capture:

RE: How to increase avatar appearance size in extended layout?

Robert — Mon, 13 Dec 2021 13:15:39 +0000

@selsebil ,

If you check this on a mobile device, please use a new private/ incognito tab. Mobile browser has a hard cache and it's not possible to see css based changes without resetting the mobile browser cache in the browser settings.

RE: How to increase avatar appearance size in extended layout?

selsebil — Mon, 13 Dec 2021 12:24:17 +0000

@chris It works perfect. Thank you.

RE: How to increase avatar appearance size in extended layout?

Chris — Mon, 13 Dec 2021 09:07:06 +0000

Hi @selsebil,

All the widths and heights must be the same numbers.

#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-avatar {
    max-height: 80px;
    max-width: 80px;
}
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
    width: 80px;
    max-height: 80px;
}

How to increase avatar appearance size in extended layout?

selsebil — Sat, 11 Dec 2021 16:47:26 +0000

Hi,

I want to increase avatar size in extended layout? Is it possible?