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.

Centering Profile Pictures

+2
TheCrow
Takai
6 posters

Go down

Solved Centering Profile Pictures

Post by Takai Wed 29 Jun - 7:21

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
Takai
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by TheCrow Wed 29 Jun - 10:42

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! Wink
TheCrow
TheCrow
Manager
Manager

Male Posts : 6878
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai Thu 30 Jun - 1:09

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

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by SLGray Thu 30 Jun - 4:21

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


Centering Profile Pictures Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51172
Reputation : 3507
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Centering Profile Pictures

Post by The Awakened Thu 30 Jun - 6:24

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
The Awakened
Forumember

Posts : 134
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Sir Chivas™ Thu 30 Jun - 8:33

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?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6891
Reputation : 439
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai Thu 30 Jun - 8:50

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
Takai
Takai
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by SLGray Thu 30 Jun - 9:58

Profile Widget:
Code:
.avatar {
    margin-left: 50px;
}


Centering Profile Pictures Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51172
Reputation : 3507
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai Thu 30 Jun - 11:20

That didn't seem to change anything
Takai
Takai
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by An Thu 30 Jun - 16:45

You can center the profile avatar with the rule below. Wink
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.
An
An
Forumember

Posts : 44
Reputation : 24
Language : English

https://help.forumotion.com

Back to top Go down

Solved Re: Centering Profile Pictures

Post by TheCrow Thu 30 Jun - 16:57

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. Wink
TheCrow
TheCrow
Manager
Manager

Male Posts : 6878
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai Fri 1 Jul - 0:38

Alright Thank you, Issue Resolved
Takai
Takai
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by TheCrow Fri 1 Jul - 0:41

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
TheCrow
TheCrow
Manager
Manager

Male Posts : 6878
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Back to top

- Similar topics

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