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.

how to center rank title [invision]

View previous topic View next topic Go down

how to center rank title [invision]

Post by zenzo on March 8th 2013, 11:40 am



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>');
    });

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: how to center rank title [invision]

Post by Sanket on March 8th 2013, 11:51 am

Please provide your forum URL for appearance problems

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: how to center rank title [invision]

Post by zenzo on March 8th 2013, 4:09 pm

@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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: how to center rank title [invision]

Post by Sanket on March 9th 2013, 10:11 am

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Re: how to center rank title [invision]

Post by zenzo on March 9th 2013, 10:22 am

@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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: how to center rank title [invision]

Post by zenzo on March 11th 2013, 10:54 am

bump....

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: how to center rank title [invision]

Post by MrEighty8 on March 11th 2013, 5:18 pm

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
New Member

Posts : 12
Reputation : 3
Language : English

Back to top Go down

Re: how to center rank title [invision]

Post by zenzo on March 12th 2013, 12:45 am

@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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: how to center rank title [invision]

Post by levy on March 12th 2013, 9:31 am

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

Try that code ( add in CSS )

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: how to center rank title [invision]

Post by MrEighty8 on March 15th 2013, 10:05 pm

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

MrEighty8
New Member

Posts : 12
Reputation : 3
Language : English

Back to top Go down

Re: how to center rank title [invision]

Post by zenzo on March 16th 2013, 1:12 am

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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: how to center rank title [invision]

Post by SLGray on March 16th 2013, 1:21 am

Have you tried adding this to the rank title:
Code:
<center>Rank Title</center>


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: how to center rank title [invision]

Post by zenzo on March 16th 2013, 6:17 am

@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

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

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