XF 1.5 Account Dropdown Avatar Size ?

[xFv]

Well-known member
Hello!
I am trying to use big and tall avatar here: Capture5.webp

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.
Code:
#AccountMenu .menuHeader .avatar
{width: 96px !important; height: auto !important;}
Any help is much appreciated!
 
It should work:
Screenshot_3.webp

Little CSS to help align and not float it

Code:
#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.
 
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.
 
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
Capture2.webp

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

Of course I have changed the "m" to "l" in navigation_visitor_tab template.
Here is my code thus far:
Code:
.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!
 
Last edited:
Top Bottom