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.

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

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%;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

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 ?


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 }

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

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.

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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