Skip to main content

CSS: making the profile / avatar image larger

  • August 2, 2022
  • 2 replies
  • 108 views

lrodman
Guide II
Forum|alt.badge.img+6

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

lrodman
Guide II
Forum|alt.badge.img+6
  • Author
  • Guide II
  • August 3, 2022

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;}


lrodman
Guide II
Forum|alt.badge.img+6
  • Author
  • Guide II
  • August 3, 2022
How it Looks (3-up columns on homepage in my setup)