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.

Poster's profile field width too big.

Go down

Solved Poster's profile field width too big.

Post by DiZzLe on September 17th 2015, 1:29 pm

Hello.

I've added a simple code to my CSS to center the name/avatar/rank in the poster's profile fields...

Code:
.postprofile {
    text-align: center;
}

..but now the profile field is too wide, any way to make the width smaller so it can fit better ? cheers

Example:



Last edited by DiZzLe on September 17th 2015, 2:16 pm; edited 1 time in total
avatar
DiZzLe
New Member

Posts : 5
Reputation : 1
Language : English

http://pgl-rp.sampforum.net/

Back to top Go down

Solved Re: Poster's profile field width too big.

Post by Ange Tuteur on September 17th 2015, 1:33 pm

Hi @DiZzLe,

You should be able to add the width property to your current rule. Giving you :
Code:
.postprofile {
  text-align: center;
  width: 20%;
}

With that, you may also want to readjust the postbody width too.
Code:
.postbody {
  width:76%;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Poster's profile field width too big.

Post by DiZzLe on September 17th 2015, 1:53 pm

Thanks! I played a bit with it and adjusted it to my liking.

Anyway, there is still some empty space on the right side, can I remove it somehow, but still keep avatar/rank etc. centered ?

avatar
DiZzLe
New Member

Posts : 5
Reputation : 1
Language : English

http://pgl-rp.sampforum.net/

Back to top Go down

Solved Re: Poster's profile field width too big.

Post by Ange Tuteur on September 17th 2015, 2:06 pm

Yeah, you can remove it. Smile

The first space comes from some margin on the profile fields. To remove that, use this CSS rule :
Code:
.postprofile dt, .postprofile dd { margin:0 }

The last space comes from padding on the posts. Add this CSS rule to remove the padding :
Code:
div.post { padding:0 }
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Poster's profile field width too big.

Post by DiZzLe on September 17th 2015, 2:15 pm

Thank you for the kind support! thumright

Solved.
avatar
DiZzLe
New Member

Posts : 5
Reputation : 1
Language : English

http://pgl-rp.sampforum.net/

Back to top Go down

Solved Re: Poster's profile field width too big.

Post by Ange Tuteur on September 17th 2015, 2:29 pm

You're welcome ^^

Topic archived

Have a nice day. Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

http://fmdesign.forumotion.com

Back to top Go down

Back to top


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