CSS: making the profile / avatar image larger

  • 3 August 2022
  • 2 replies
  • 70 views

Userlevel 7
Badge +5

I’m trying to make my avatar image larger.

 

div.avatar__image.ng-star-inserted {height: 80px important!; width: 80px important!; }

div.avatar-clip.border-main.ng-star-inserted {height: 80px important!; width: 80px important!; }

 

Not working, any idea why?

 

 


2 replies

Userlevel 7
Badge +5

Figured it out. Enjoy!

 


 

/*move avatar image up and left*/

div.wrapper.wrapper-shadow.ng-star-inserted div.cover div.profile { 

    padding-top: 10px !important;

    padding-left: 10px !important;

}

/*resize profile widget avatar image*/

.profile .avatar-container avatar .avatar-clip .avatar__image {

    height: 100px !important;

    width: 100px !important;

}

/*move profile widget realname and email to the right*/

.profile .details-container {padding-left: 110px !important;}

Userlevel 7
Badge +5
How it Looks (3-up columns on homepage in my setup)

 

Reply