Member Avatars

Hello,

The avatar dimensions are too large with some of my members. I went to Display-Avatars Management-Personal Avatars and set the dimensions at 200X200 pixels but it is only working for some members.

Here's an example:



phpBB is my forum type. Please help! Thank you

www.njstrongweatherforum.com

Hello @Frank_Wx,

Please add this code in your CSS and the problem should go away:

Code:

.postdetails img {
  max-width: 200px;
  max-height: 200px;
}

Regards.

Thanks for responding. It did not work unfortunately. Here is my CSS sheet.

Code:

#logo img {
    max-width: auto!important;
    width: 100%;
}
.forabg {background-image:none}
.forabg li.header dd{ color:#000000}
.postprofile dl dt a img {
width: 150px;
height: 110px;
}
        .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;
        }
.postdetails img {
  max-width: 150px;
  max-height: 150px;
}

Hello @Frank_Wx

Please remember when posting a code in the topic please use the code tools the button looks like this i have done it for you this once but please remember it next time.

try this

Code:

.postdetails img {
  max-width: 150px !important;
  max-height: 150px !important;
}


@Frank_Wx,

That is because you set in your Admin Panel that all avatars should be max height and width 200 pixels and then in your CSS you try to do it with less pixels. In order to overwrite the dimensions you already have set in your Panel you have to do what APE told you above. Add the

Code: !important

rule to each coding line presented. So, all you have to do is replace the code APE send with the one I sent you.

P.S. The code I sent you is directed to phpbb2 version forums. Your profile says you own a phpbb2 forum but your CSS tells me you are using a phpbb3 version forum. If you are using an other version other than phpbb2 please update your profile information.

Regards.

Hello,

I have dimensions in my panel set to 150X150 to match the CSS APE sent me, but it is still not working. Below is my updated CSS sheet. How can I tell if I am on phpbb2 or phpbb3? I think that is the issue...

Code:

#logo img {
    max-width: auto!important;
    width: 100%;
}
.forabg {background-image:none}
.forabg li.header dd{ color:#000000}
.postprofile dl dt a img {
width: 150px;
height: 110px;
}
        .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;
        }
.postdetails img {
  max-width: 150px !important;
  max-height: 150px !important;
}

Add that part to the top of the stylesheet.

To find out what forum system you are using please go to

ACP >> Display tab >>

SLGray that did not work.

My system is phpBB3 (prosilver)

Remove the codes we gave you and add this one at the top of your CSS file then save
if that don't work then try the bottom of your CSS files.

Code:

.postprofile dt img{
max-width: 150px !important;
max-height: 150px !important;
}

Hello,

I could tell you are using phpbb3 because your CSS has all its elements for a phpbb3 version forum. Phpbb2 forums are only tables in there and phpbb3 is not all tables and therefore there are elements as yours. You already have a code for your avatars in there. So your CSS should look like this:

Code:

#logo img {
  max-width: auto!important;
  width: 100%;
}
.forabg { background-image: none; }
.forabg li.header dd { color: #000000; }
.postprofile dl dt a img {
  max-width: 150px!important;
  max-height: 150px!important;
}
.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;
}

Regards.

Hello everybody,

These problems were caused by our modifications, now we have rolled back all the changes. Everything is working now like before the changement.

We apologize for the inconvenience ,
Best regards !