Avatar and profile fields help (alignment and placing)

Go down

Solved Avatar and profile fields help (alignment and placing)

Post by Miss-March on Sun Feb 14, 2016 2:49 am

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 Mon Feb 15, 2016 10: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 Sun Feb 14, 2016 4:43 am

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 Mon Feb 15, 2016 12:53 am

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 Mon Feb 15, 2016 2:01 am

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 Mon Feb 15, 2016 2:37 am

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 : 13202
Reputation : 2918
Language : EN, JA, FR
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 Mon Feb 15, 2016 4:03 am

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 Mon Feb 15, 2016 10: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 : 13202
Reputation : 2918
Language : EN, JA, FR
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 Mon Feb 15, 2016 10: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 Mon Feb 15, 2016 10:36 pm

You're welcome ! ^^

Topic archived

Have a good day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13202
Reputation : 2918
Language : EN, JA, FR
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