• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 How to change avatar size in newsfeed?

Alfa1

Well-known member
#1
I would like to make the newsfeed more compact and orderly. I applied various changes through extra.css
Currently the newsfeed uses a 48 x 48px avatar size. I would like to change this to 36 x 36px
I tried setting this height for .event .avatar, .event .icon but that only reduces div height but not the icon itself.

Is this possible through extra.css or is it needed to use a different avatar icon and do so through template modification?
 

Steve F

Well-known member
#2
You can try
Code:
.news_feed_page span.img.s {
    width: 36px;
    height: 36px;
}
Or are you talking about the recent-activity (news feed global) page?

If so change it to
Code:
.news_feed_page_global span.img.s {
    width: 36px;
    height: 36px;
}
 

Alfa1

Well-known member
#3
Strange. I added both to extra.css and neither the recent-activity page nor the news-feed page avatar size were changed.
 

Alfa1

Well-known member
#8
Yes! This worked:
.news_feed_page_global .avatar img, .avatar .img, .avatarCropper {
width: 36px;
height: 36px;
}