Distorted Profile In Personal Message

Hello

I know I have asked this before and I thought I had corrected it.

The personal message has a distorted pictures in the profile of my two forums
Forum 1


Forum 2



Here is a copy and paste of the css codes on two of my sites.

Forum 1

Code:

/**** TEXT SHADOW******/
a.forumtitle {
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
font-weight: 700;
text-decoration: none;
text-shadow: 1px .5px 0px #000;
color: #84b3da !important;
}
/*****END****/


.fa_vote, .fa_voted, .fa_count{
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-serif;
display:inline-block !important;
width:auto !important;
float:none !important;
transition:300ms;
}
             
.fa_voted, .fa_vote:hover{
opacity:0.4;
}
.fa_voted { cursor:default;
}
             
.fa_count{
font-weight:bold;
margin:0 3px;
cursor:default;
}
             
.fa_positive{
color:#4A0;
}
.fa_negative{
color:#A44;
}
             
.fa_votebar, .fa_votebar_inner{
background:#C44;
height:3px;
}
             
.fa_votebar_inner{
background:#4A0;
transition:300ms;
}

/****** post staff buttons******/
.postbody ul.profile-icons{
float: right;
list-style: none;
margin-right: 15px;
padding: 0;
width: auto;
}

ul.linklist li a img:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
ul.linklist li a img:hover{
background-color: #105289;
border-radius : 3px;
}
module{
border: 5px solid #105289!important;
border-radius: 5px;
}
#fa_recent_members { font-size:12px; font-family:Arial, Helvetica, Verdana, Sans-serif; }
.fa_rm_activity { color:#666; }
a.fa_rm_more { color:#69C; border:1px solid #69C; border-radius:3px; font-size:12px; font-family:Arial, Helvetica, Verdana, Sans-serif; text-align:center; display:block; width:100px; padding:3px; margin:auto; transition:250ms; }
a.fa_rm_more:hover { color:#FFF; background:#69C; }
.fa_recent_member { margin-bottom:12px; }
.fa_recent_member a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.fa_recent_member a img { background:#FFF; border:2px solid #999; width:30px; height:30px; vertical-align:top; float:left; margin-right:6px; }
.now_online a img { border-color:#69C; }
 

.postprofile {
    border-color: #105289;
    border-style: solid;
    border-width: 2px;
    color: #000;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
border-radius : 3px;
}
div.post .postprofile dt img, #profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 100px;
width: 100px;
}
/**** ONLINE OFF LINE PROFILE BAR******/
.postprofile dl {
  position:relative;
  margin-top:26px;
  }
 
.postprofile dl:before {
  content:"OFFLINE";
  color:#FFF;
  background:#105289;
  position:absolute;
  height:26px;
  line-height:26px;
  top:-26px;
  left: -0.3px;
  right: -0.5px;
  text-align:center;
  border-radius : 1px 1px 0px 0px;
  font-size: 14px;
}
 
.online .postprofile dl:before {
  content:"ONLINE";
  background:#8B5;
  text-align:center;
}
/***** AWARDS DROPDOWN BUTTON *****/
.dd_award + .award_more {
    background-color: #9fc2ff;
    border-color: var(--awards_color);
    border-radius: 0 0 2px 2px;
    border-style: solid;
    border-width: 0 1px 1px;
    color: var(--awards_color);
    cursor: pointer;
    display: none;
    font-size: 10px;
    font-weight: 700;
    justify-content: space-evenly;
    max-width: 200px;
    padding: 3px 0;
    user-select: none;
}

Forum 2

Code:

body {
    background-color: lightblue;
    color: #536482;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}
#wrap {
    background-color: #FFFFFF;
    margin: 0 auto;
    min-width: 768px;
    padding: 8px;
    width: 1000px;
    box-shadow: 0 0 10px #666666;
    border-radius: 6px;
}

.forabg, .forumbg {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
    background-repeat: repeat-x;
    border: 2px solid #FFFFFF;
    clear: both;
    margin-bottom: 4px;
    padding: 0 5px;
}

.headerbar {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/catego10.png") repeat-x scroll center top #B0D9F9;
    margin-bottom: 4px;
    padding: 5px 0;
    border-radius: 4px 4px 0 0;
    border: 1px solid #6DBCF9;
}

li.row {
    border-bottom: 1px solid #C3DBF0;
    border-top: 1px solid #fff;
    background: #F0F6FB;
}
li.row:hover {
    background-color: #fff;
}
ul.topiclist dd {
    border-left: 0px solid #FFFFFF;
    display: block;
    float: left;
    padding: 4px 0;
}

#page-header .navbar {
    background: url("https://2img.net/i/fa/optimisation_fdf/fr/bg_nav.png") repeat-x scroll center top #FBFBFB;
}
ul.navlinks a.mainmenu {
    color: #FFFFFF;
    font: 13px tahoma,arial,verdana,sans-serif;
    outline: medium none;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    font-weight: bold;
}
ul.navlinks a.mainmenu:hover {
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
ul.navlinks {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
    border-radius: 0 0 7px 7px;
    border-top: 1px solid #FFFFFF;
    bottom: 9px;
    height: 26px;
    position: relative;
    text-align: center;
    margin-left: -10px;
    margin-right: -10px;
}

ul.linklist li a img {
    display: none;
}

#page-header .navbar {
    background: transparent;
}

.navbar a {
    color: white;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.navbar {
    background: url("https://i.servimg.com/u/f55/18/69/69/68/bgr10.png") repeat-x scroll center top #65A5D1;
    clear: both;
    padding: 0 10px;
    color: white;
}

.post .corners-bottom, div.post .corners-top {
    display: none;
}
.postbody {
    border: 1px solid #B9D7F1;
    background-color: #F0F6FB;
    border-radius: 2px;
    padding: 8px;
}
.post {
    background: #E6F0F9!important;
    border: 1px solid #C3DBF0;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 3px;
}

.postprofile {
    background-color: #E8F1F9;
    border-right: 1px solid #CFE3F5;
    color: #536482;
    display: inline;
    float: left;
    margin: -5px -5px;
    min-height: 80px;
    position: relative;
    width: 15%;
    word-wrap: break-word;
    border-bottom: 1px solid #CFE3F5;
    border-radius: 5px 0 5px 0;
    padding: 15px 9px 9px;
}

.online .postprofile {
    background-image: url("https://2img.net/i/fa/prosilver/icon_user_online_en.png");
    background-position: right top;
    background-repeat: no-repeat;
}

ul#picture_legend {
    background-color: #F0F4F8;
    border: 1px solid #C6D2DC;
    border-radius: 3px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 4px rgba(0, 0, 0, 0.05);
    padding: 8px;
    left: 35%;
    display: inline-block;
    position: relative;
}
div.post .postprofile dt img, #profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 100px;
width: 100px;
}

Regards

Cassini

Please use the code tags when posting codes.

Please pm me a test account and URL of one of the forums

Done pm thank you

Your PM has been received with thanks. Please read our forum rules: ESF General Rules

I found the problem

Some of your codes was not 100% right so i replaced them with.

Code:

#profile-advanced-right .module:first-child img {
border-radius: 100%;
height: 80px !important;
width: 80px !important;
}
/* avatar */
.mod-login-avatar dt > img, #main-content > div.post .postprofile dt img, #fa_popup_content > div.post .postprofile dt img, .lastpost-avatar img, td.avatar-mini img, .avatar img, #userAvatar img {
  border-radius:100px;
  height:100px;
  width:100px;
}

That fixed your problem

Ok thank you Ape