Centering Profile Pictures

Go down

Solved Centering Profile Pictures

Post by Takai on June 29th 2016, 7:21 am

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

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Luffy on June 29th 2016, 10:42 am

@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
avatar
Luffy
Manager
Manager

Male Posts : 5519
Reputation : 609
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai on June 30th 2016, 1:09 am

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

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by SLGray on June 30th 2016, 4:21 am

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43506
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Centering Profile Pictures

Post by The Awakened on June 30th 2016, 6:24 am

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

Posts : 118
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™ on June 30th 2016, 8:33 am

@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?




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai on June 30th 2016, 8:50 am

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

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by SLGray on June 30th 2016, 9:58 am

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43506
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai on June 30th 2016, 11:20 am

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

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by An on June 30th 2016, 4:45 pm

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.
avatar
An
Forumember

Posts : 44
Reputation : 24
Language : English

https://help.forumotion.com

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Luffy on June 30th 2016, 4:57 pm

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
avatar
Luffy
Manager
Manager

Male Posts : 5519
Reputation : 609
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Takai on July 1st 2016, 12:38 am

Alright Thank you, Issue Resolved
avatar
Takai
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Centering Profile Pictures

Post by Luffy on July 1st 2016, 12:41 am

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

Male Posts : 5519
Reputation : 609
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Back to top


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