Centering Profile Pictures

When it comes to Invision, there seems to be a few problems with the Profile Picture. One of the problems was that the widget seem to keep it so the max width is only 50 px. Another problem there seems to be is that it doesn't center on the Widget or in the Profile area of posts. Is there a way to center the Profile Picture?

Takai wrote:When it comes to Invision, there seems to be a few problems with the Profile Picture. One of the problems was that the widget seem to keep it so the max width is only 50 px. Another problem there seems to be is that it doesn't center on the Widget or in the Profile area of posts. Is there a way to center the Profile Picture?

Hello @Takai,

Please give us the forum link of your profile. Have in mind that having your forum link to your profile information helps us of giving you the solution a lot faster and without any waste of time!

http://testingsite.forumotion.com/
Username - Tester1
Password - testing1

CSS Stylesheet:

Code:

.postprofile-details {
    text-align: center;
}
.postprofile-head .popmenubutton-new-out {
    text-align: center;
}

Out of curiosity, can this be done with the profile widget as well? And, can only the image be moved while the text remains as is?

The Awakened wrote:Out of curiosity, can this be done with the profile widget as well? And, can only the image be moved while the text remains as is?

Hi,

I shall look into it later today. However, please create your own thread with your question and I shall answer the best I can.

@Takai Is this consider solved?

I'm actually wondering the same as the Awakened. I am looking on just centering the Profile picture and leaving the text lined against the side

Profile Widget:

Code:

.avatar {
    margin-left: 50px;
}

That didn't seem to change anything

You can center the profile avatar with the rule below.

Code:

.postprofile dt img {
  display:block;
  margin:0 auto;
}

Note: To center only an image you must change its display to "block" and set the left and right margins to auto.

To center the widget avatar to the center use this in your CSS:

Code:

.avatar {
  display: block;
  margin-left: 15px;
}

For your posts, what An said before should do the work you want for your posts.

Alright Thank you, Issue Resolved