Redesign postProfile content [All versions]

If you are bored with default concept of having postProfile content like this:



But want something like this:



Then, follow these simple instructions.

1. Go to AP -> Display -> Colors & CSS -> CSS Stylesheet

All versions

Paste this CSS code:

Code:

.postData {
    margin-left:auto;
    margin-right:auto;
    background-color: #fff;
    width:150px;
    margin-bottom:5px;
    text-align:center;
    padding: 6px 2px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}

Edit templates. Go to AP -> Display -> Templates -> General ->viewtopic_body and find:

PhpBB2, PhpBB3, PunBB, Invision,
Find:

Code: {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Replace it with:

Code:

<div class="postData">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>

ModernBB

Find:

Code:

{postrow.displayed.profile_field.LABEL}
                     {postrow.displayed.profile_field.CONTENT}
                     {postrow.displayed.profile_field.SEPARATOR}

Replace it with:

Code:

<div class="postData">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>

AwesomeBB

Find:

Code:

<dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>

Replace it with:

Code:

<div class="postData">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>

I hope this was useful to somebody.

Very nice!

Thanks for the codes and well done!

I love how clean it looks. Thanks for the tutorial! Nice job!

Why is it visible on this side? It should be visible in the middle.

Guru22 wrote:

Why is it visible on this side? It should be visible in the middle.

hello

this is not the right section to ask for help
please open a new thread in our support section providing all the necessary information such as forum URL ect

thank you

Guru22 wrote:

Why is it visible on this side? It should be visible in the middle.

Moderators may open new topic from your post, so my obvious solution is to add this to your CSS:

Code:

.postprofile {
    text-align: center;
}

I think you are running phpBB3, so..

Yeah working thanks