The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Avatar issues

4 posters

Go down

Avatar issues Empty Avatar issues

Post by Dena April 23rd 2022, 8:02 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
When the problem appeared : Each post, the avatar lies over the text.
Forum link : https://the-silver-pen.forumotion.com/forum

Description of problem

The avatar lies over the text of the post and I cannot seem to fix it.

Avatar issues 2022-011
Dena
Dena
New Member

Posts : 1
Reputation : 1
Language : English

https://the-silver-pen.forumotion.com/forum

Joost likes this post

Back to top Go down

Avatar issues Empty Re: Avatar issues

Post by Joost April 23rd 2022, 5:40 pm

Hello @Dena ,

Welcome on the English Support Forum, do you have already change the avatar settings?
Go to your Administration Panel > Display > Avatars > Avatars management > Click on the tab "Personal avatars" there can you set the avatar dimensions for your forum.
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

TonnyKamper likes this post

Back to top Go down

Avatar issues Empty Re: Avatar issues

Post by SarkZKalie April 25th 2022, 6:37 am

You also can add this to Admin Control Panel -> Display -> CSS

Code:
.postprofile img:first-child {
    max-width: 150px !important;
    max-height: 150px !important;
    margin-bottom: 10px;
    border-radius: 5px;

#logo-desc img {
    max-width: 99%;
}


Avatar issues Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1407
Reputation : 218
Language : English

https://rotavn.forumotion.com/

TonnyKamper likes this post

Back to top Go down

Avatar issues Empty Re: Avatar issues

Post by Niko April 25th 2022, 10:00 pm

Dear @Dena

the most responsive solution to make it not overflow is to add the following CSS:
Code:
.postprofile dl dt img {
    width: -webkit-fill-available;
}

The result will be as follows Wink

Avatar issues Scher173
Niko
Niko
Helper
Helper

Male Posts : 3100
Reputation : 244
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum