The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How can I center the mini profile?

Go down

Solved How can I center the mini profile?

Post by DigitalCyanide December 6th 2010, 7:36 am

I was wondering if there was a way to actually center the mini post profile, so that the images I made and the text line up in the center to look a bit more in sync?
avatar
DigitalCyanide
Forumember

Male Posts : 66
Reputation : 0
Language : English

Back to top Go down

Solved Re: How can I center the mini profile?

Post by Guest December 6th 2010, 4:52 pm

Forum Version? (PHPBB2)?
avatar
Guest
Guest


Back to top Go down

Solved Re: How can I center the mini profile?

Post by DigitalCyanide December 8th 2010, 7:48 pm

phbb2

Sorry it took so long to get back to this, I have been under the weather for a few days and just not up to being on my pc.
avatar
DigitalCyanide
Forumember

Male Posts : 66
Reputation : 0
Language : English

Back to top Go down

Solved Re: How can I center the mini profile?

Post by Guest December 8th 2010, 7:57 pm

Okay.. i hope that i understood u ;D
Goto ACP - Display - Colors - CSS Stylesheet:
add this code there:
Code:

.post td {text-align:center;}
If that's not work. then go to
ACP - Display - Templates - Viewtopic_Body:
Find:
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

Replace it with:
Code:
<div class="poster-profile">
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>
</div>

Save + Publish.

Now go back to your CSS: and add this:
Code:

.poster-profile {text-align:center;}
avatar
Guest
Guest


Back to top Go down

Solved Re: How can I center the mini profile?

Post by DigitalCyanide December 8th 2010, 8:33 pm

Had to use the second method, but worked fine. Thank You very much Gangstar15.
avatar
DigitalCyanide
Forumember

Male Posts : 66
Reputation : 0
Language : English

Back to top Go down

Solved Re: How can I center the mini profile?

Post by Guest December 8th 2010, 8:34 pm

Glad i could help (:

Welcome ;D

Solved + Locked
avatar
Guest
Guest


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum