XF 1.5 How to change avatar size in newsfeed?

[Alpha1]

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]

You can try

.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

.news_feed_page_global span.img.s {
    width: 36px;
    height: 36px;
}

 

[Alpha1]

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

 

[Steve F]

Hmm I'll test it when I get back to my PC.

 

[Alpha1]

Hmm I'll test it when I get back to my PC.

If you can find out then this would be helpful. I am trying different things but not seeing it.

 

[king8084]

just change the _l to _s

 

[Alpha1]

just change the _l to _s

The default news_feed_item template has:
<xen:avatar user="$item" size="s" class="icon" />

 

[Alpha1]

Yes! This worked:
.news_feed_page_global .avatar img, .avatar .img, .avatarCropper {
width: 36px;
height: 36px;
}