how to center rank title [invision]
5 posters
Page 1 of 1
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>');
});
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: how to center rank title [invision]
• Please provide your forum URL for appearance problems
Make forums available for guests to view, so i can view a thread.
Make forums available for guests to view, so i can view a thread.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: how to center rank title [invision]
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: how to center rank title [invision]
The code can center the whole poster details, will that do?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: how to center rank title [invision]
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
zenzo- Forumember
- Posts : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: how to center rank title [invision]
Why are you using Javascript? I centered the rank simply by CSS
EDIT: I just noticed you do not have template editing with invision but either way the CSS will work! (:
- 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 : 16
Reputation : 4
Language : English
Re: how to center rank title [invision]
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: how to center rank title [invision]
- Code:
.postprofile-details {
margin-left: 20px;
text-align: center!important;
}
Try that code ( add in CSS )
Re: how to center rank title [invision]
Not working.. It sure worked for me on your forum. Add !important to the CSS. With forumotion forums that happens
MrEighty8- New Member
- Posts : 16
Reputation : 4
Language : English
Re: how to center rank title [invision]
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Re: how to center rank title [invision]
Have you tried adding this to the rank title:
- Code:
<center>Rank Title</center>
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: how to center rank title [invision]
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 : 564
Reputation : 13
Language : english,tagalog
Location : philippines
Similar topics
» How to Center Category Title Invision
» center avatar, rank title and rank image phpbb3
» Invision- Center Menu
» how to align the title to center
» how to change the title center
» center avatar, rank title and rank image phpbb3
» Invision- Center Menu
» how to align the title to center
» how to change the title center
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum