how to center rank title [invision]

as you see on this image, the rank title and the rank title image is above the avatar

i use JS code to place it above

now i want that to be display on the center

here the JS code i use, is possible to add code to make it center

Code:

$(function(){
    $('.postprofile dl.postprofile-details.postdetails').each(function(){
    var theBox = $(this).children('dd:first');
    var avatarr = $(this).children('dt:first');
    theBox.insertBefore(avatarr);
    });
    $('.postprofile dl.postprofile-details.postdetails dt').before('<br>');
    });

• Please provide your forum URL for appearance problems

Make forums available for guests to view, so i can view a thread.

Sanket wrote:• Please provide your forum URL for appearance problems

Make forums available for guests to view, so i can view a thread.

here you go sanket
http://gsmuniverz.forum-pro.org/t285-test-message#953

thanks

The code can center the whole poster details, will that do?

Sanket wrote:The code can center the whole poster details, will that do?

just the rank title and rank title image

i've post the js code cause that one i use to relocate the rank title and rank title image

so i believe that someone knows to insert the code to center both

bump....

Why are you using Javascript? I centered the rank simply by CSS

Code:

.postprofile-details.postdetails dd:first-child {
    text-align: center;
}

EDIT: I just noticed you do not have template editing with invision but either way the CSS will work! (:

MrEighty8 wrote:Why are you using Javascript? I centered the rank simply by CSS

Code:

.postprofile-details.postdetails dd:first-child {
    text-align: center;
}

EDIT: I just noticed you do not have template editing with invision but either way the CSS will work! (:

not working,.i think that combination works only on JS

Code:

.postprofile-details {
margin-left: 20px;
text-align: center!important;
}

Try that code ( add in CSS )

Not working.. It sure worked for me on your forum. Add !important to the CSS. With forumotion forums that happens

candy_fear wrote:

Code:

.postprofile-details {
margin-left: 20px;
text-align: center!important;
}

Try that code ( add in CSS )

it goes all center

MrEighty8 wrote: It sure worked for me on your forum. Add !important to the CSS.

post screenshot that its working on you

Have you tried adding this to the rank title:

Code:

<center>Rank Title</center>

SLGray wrote:Have you tried adding this to the rank title:

Code:

<center>Rank Title</center>

yes i do that

but only for short title ranks,. character content has a limit