No avatars in default theme?

[wlashi]

Hello,
I use default board theme and trying to find a way how to completely disable avatars. We do not need them, we want to keep threads as clean and compact as possible.

The only possibility I found so far is to replace default avatar image with „blank“ image (1x1 pixel). This solution removes the image but does not remove the huge vertical container that still remains in every post in a thread (see picture).



Is there a way how to remove the gap under user name/role to make the post compact?

Thanks!

[Chris]

Apr 21, 2023 12:15:12 GMT -8 wlashi said:

Hello,
I use default board theme and trying to find a way how to completely disable avatars. We do not need them, we want to keep threads as clean and compact as possible.

The only possibility I found so far is to replace default avatar image with „blank“ image (1x1 pixel). This solution removes the image but does not remove the huge vertical container that still remains in every post in a thread (see picture).



Is there a way how to remove the gap under user name/role to make the post compact?

Thanks!

A forum URL so the HTML structure and styles that are in play can be investigated may have helped you get an answer with a much greater accuracy and confidence. The above image only illustrates the issue but is a poor tool for investigation in order to formulate a solution that works for your specific situation.

With that said, a generic solution that may or may not work for you is to strategically remove certain <br /> tags from the mini-profile template leaving only those necessary for line separation of components such as rank, stars, etc.

The other approach would be to accomplish this using a few CSS rules that effectively removes those <br /> tags and set display:block on some components so they remain separated on their own lines.

• CSS

  (bottom of stylesheet)(not fully tested)
  
  .mini-profile .avatar, .mini-profile:has(img[alt="*"]) > br:nth-of-type(n+4), .mini-profile:not(:has(img[alt="*"])) > br:nth-of-type(n+2) {
   display: none;
}
.mini-profile .custom-title, .mini-profile .personal-text, .mini-profile .info, .mini-profile .badges{
   display:block;
}
  
  

• Preview

  
  
  
  
  
  

You should also be aware that the final computed height of the post row is determined by the largest height of the two cells (mini-profile and post content).