Avatar and profile fields help (alignment and placing)

Go down

Solved Avatar and profile fields help (alignment and placing)

Post by Miss-March on February 13th 2016, 7:49 pm

Hello.

The issue I have is the profile fields (or whatever they're called) not being aligned with the avatar picture that shows on the left side in messages/posts. The picture seems to be in the center, while everything else is pushed off to the left side. I would really appreciate it if someone could help me fix it by making the text and whatnot move to the center.

The things I'm referring to as profile fields - because I currently have no better word for them - are the posts count and exp amount, and whatever else I'd add there in the future.

Is this possible to accomplish?

Clicky for picture


Last edited by Miss-March on February 15th 2016, 3:33 pm; edited 1 time in total
avatar
Miss-March
New Member

Posts : 9
Reputation : 1
Language : English

http://fairytailzero.forumotion.com/

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Take Notes on February 13th 2016, 9:43 pm

Add this to CSS:
Code:
.postprofile {
    text-align: center;
}
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Miss-March on February 14th 2016, 5:53 pm

Doesn't seem to work.
avatar
Miss-March
New Member

Posts : 9
Reputation : 1
Language : English

http://fairytailzero.forumotion.com/

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Take Notes on February 14th 2016, 7:01 pm

Try this:
Code:
.postprofile dt {
    text-align: center;
}
.postprofile dd {
    text-align: center;
}
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Ange Tuteur on February 14th 2016, 7:37 pm

Hey,

Your forum version is PunBB, correct ? If so, try adding the following rule to your stylesheet :
Code:
.user {
  text-align:center;
}

That should center the entire texts of the profile, save for the username. If you also want the username centered let me know. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Miss-March on February 14th 2016, 9:03 pm

Oh, it worked. Thank you so much.

I would like the code to center the username as well, please.
avatar
Miss-March
New Member

Posts : 9
Reputation : 1
Language : English

http://fairytailzero.forumotion.com/

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Ange Tuteur on February 15th 2016, 3:14 pm

Sure thing, add this rule to your stylesheet :
Code:
.pun .user-ident .username {
  position:static;
}

It should return the element to its natural position.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Miss-March on February 15th 2016, 3:33 pm

Thank you. It looks exactly like I wanted, now.
avatar
Miss-March
New Member

Posts : 9
Reputation : 1
Language : English

http://fairytailzero.forumotion.com/

Back to top Go down

Solved Re: Avatar and profile fields help (alignment and placing)

Post by Ange Tuteur on February 15th 2016, 3:36 pm

You're welcome ! ^^

Topic archived

Have a good day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2911
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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