How can I center the mini profile?
Page 1 of 1
How can I center the mini profile?
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?
DigitalCyanide- Forumember
- Posts : 66
Reputation : 0
Language : English
Re: How can I center the mini profile?
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.
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.
DigitalCyanide- Forumember
- Posts : 66
Reputation : 0
Language : English
Re: How can I center the mini profile?
Okay.. i hope that i understood u ;D
Goto ACP - Display - Colors - CSS Stylesheet:
add this code there:
ACP - Display - Templates - Viewtopic_Body:
Find:
Replace it with:
Save + Publish.
Now go back to your CSS: and add this:
Goto ACP - Display - Colors - CSS Stylesheet:
add this code there:
- Code:
.post td {text-align:center;}
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;}
Guest- Guest
Re: How can I center the mini profile?
Had to use the second method, but worked fine. Thank You very much Gangstar15.
DigitalCyanide- Forumember
- Posts : 66
Reputation : 0
Language : English
Similar topics
» Now I'm going on my Mini-Website Center idea.
» Link to edit own profile from mini profile
» MINI PROFILE HELP
» Remove age from mini-profile
» Mini profile
» Link to edit own profile from mini profile
» MINI PROFILE HELP
» Remove age from mini-profile
» Mini profile
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum