Avatar Size

Can someone tell me how to increase the avatar size in the header? It’s really small.

  • View
    459
  • More
Replies (8)

    • I agree, I've expanded everything including the little avatars of the forums, try to inject this code, if you do not like to delete it. Tell me what you think.

      image_transcoder.php?o=bx_froala_image&h=1765&dpx=1&t=1565886952

      /****increase avatars*****/
/************************/
/* Size avatars 4rem */
.bx-def-thumb-size {
width: 64px;
width: 4rem;
height: 64px;
height: 4rem;
line-height: 64px;
line-height: 4rem;
}
/* Height Notifications*/
.bx-def-thumb-size-min-height {
min-height: 64px;
min-height: 4rem;
}
/*Margin timeline*/
div.bx-tl-item div.bx-tl-owner-name {
padding-left: 0.3125rem;
}
/*interligne reply*/
.bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor > li > span {
padding-top: 10px;
}
/*Margin notifications*/
.bx-def-thumb-size-left-indent {
margin-left: 5rem;
}
/*Margin messenger*/
.bx-messenger-jots-info {
padding-left: 1.25rem;
}
/*Width avatars messenger*/
.bx-messenger-jots-avatars {
width: 4rem;
}
/*Size avatar menu member */
.bx-def-icon-size {
width: 48px;
width: 3rem;
height: 48px;
height: 3rem;
}
/*END*/
/****forums increase avatars*****/
/*Size micro-avatars*/
.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-forum-gpm-reply .bx-menu-item-reply-author .bx-def-icon-size {
width: 2rem;
height: 2rem;
margin-top: -0.25rem;
}
/*margin grid forum*/
.bx-forum-grid-preview .bx-forum-gp-meta.bx-forum-gpm-bottom .bx-forum-gpm-reply .bx-menu-item-reply-author .bx-def-icon-size-left-indent {

margin-left: 2.5rem;
}
/*Margin micro-avatar*/
.sys-author ul.bx-menu-custom.bx-menu-hor > li > span, .bx-base-general-unit-meta ul.bx-menu-custom.bx-menu-hor > li > span {
margin-bottom: 1rem;
}
/*increase micro-avatars messenger*/
.bx-messenger-jots-title div.view img {
height: 150%;
margin-top: -5px;
}
/*end*/

      • I am on UNA Cloud so I don’t have access to make code changes. I miss having that option.

        • Yes you can, just inject copy paste this code at the end of the Custom Style box of your mix and save.

          • Awesome! Thank you so much! It works  and is perfect! 😊

            • :-) I suspected you would appreciate :-)

              • :-) I suspected you would appreciate :-)

                This worked great! I have increased the height of my header and the logo height. now the avatar on the header is not vertically centered and us too small. Can you tell me which part of the code to change to correct this? I thought it would be this part but it is not working for me.
                /*Size avatar menu member */
                .bx-def-icon-size {
                width: 48px;
                width: 3rem;
                height: 48px;
                height: 3rem;
                }

                • Thanks Baloo. Was great for me too. Very much appreciated.

                  • thank you Baloo another great addition to our networks

                    Login or Join to comment.