Dec 11, 2021 4:47 pm
Hi,
I want to increase avatar size in extended layout? Is it possible?
8 Replies
Dec 13, 2021 9:07 am
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;
}
Dec 13, 2021 12:24 pm
Dec 13, 2021 1:15 pm
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.
Dec 13, 2021 1:22 pm
@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:
Dec 16, 2021 7:54 am
Dec 15, 2021 2:00 pm
I guess there is no way to increase avatar size in desktop while keeping it normal in mobile. Thank you for your interest.
Dec 15, 2021 6:19 pm
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;
}
}
Dec 16, 2021 8:40 am
