XF 1.5 Account Dropdown Avatar Size ?

[[xFv]]

Hello!
I am trying to use big and tall avatar here:

I have changed the "m" to "l" in "navigation_visitor_tab"
And I have tried different variations of this code in extra.css with no luck.

#AccountMenu .menuHeader .avatar
{width: 96px !important; height: auto !important;}

Any help is much appreciated!

 

[Russ]

Check out:

navigation_visitor_tab

<xen:avatar user="$visitor" size="m"

 

[[xFv]]

Check out:

navigation_visitor_tab

<xen:avatar user="$visitor" size="m"

Yeah thats what I did! I realized i put the wrong template in my post. I did change that in navigation_visitor_tab.
That doesn't work for me.

 

[Russ]

It should work:


Little CSS to help align and not float it

#AccountMenu.Menu .menuHeader .avatar{ float: none; }
#AccountMenu.Menu .menuHeader .avatar span { margin: 0 auto; }

Double check you're editing the correct style, if it's for Apex running on your site it should work as well.

 

[[xFv]]

I can get that, but I am trying for a tall avatar that is "width: 96px ; height: auto;"eg; 96x128. Or if the avatar is square it remains square. Basically I need to have the avatar keep it's aspect ratio and adapt.

 

[[xFv]]

It should work:
View attachment 128373

This is what I am going for:

 

[[xFv]]

Ok, I was able to acheive this almost. The only issue now is the bottom margin is not decreasing when a square avatar is used.
This is with tall avatar


This is with square avatar. (THIS IS WHERE THE BOTTOM MARGIN IS NOT DECREASING)


Of course I have changed the "m" to "l" in navigation_visitor_tab template.
Here is my code thus far:

.avatar .img.l
{width: 96px; height: 192px; background-size: 100% auto;}

Using auto height will not work for some reason.
What am I missing? I have been working on this for days and I am stumped. Any help is much Appreciated!