The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Centering Profile Pictures

View previous topic View next topic 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?

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






Luffy
Manager
Manager

Male Posts : 4251
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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

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.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.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?

The Awakened
Forumember

Posts : 102
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 mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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

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.


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.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

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.

An
Forumember

Posts : 42
Reputation : 23
Language : English

http://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






Luffy
Manager
Manager

Male Posts : 4251
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

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

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






Luffy
Manager
Manager

Male Posts : 4251
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

View previous topic View next topic Back to top


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