Custom template?/move member group name

[Ishy]

I was wondering if anyone had any good custom templates for the mini-profile? Or if anyone possibly knows how to customize the member group name in the mini-profile with CSS atleast, along with moving it under the avatar.

[Stinky666]

Jun 19, 2013 13:37:47 GMT -8 Ishy said:

I was wondering if anyone had any good custom templates for the mini-profile? Or if anyone possibly knows how to customize the member group name in the mini-profile with CSS atleast, along with moving it under the avatar.

I assume you'd also want to move the member rank, too? Otherwise that may be weird, some people having it above the avatar, and others having it below..

Admin > Themes > Layout Templates > Mini Profile
On lines 4 - 11 you should see:

{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}
{/if}

Copy it to your clipboard (highlight & ctrl+c). Then remove/erase/delete it. Also remove the blank line you now have on line 4.

Now on line 9 you should see: {/if}
Make a new line break after that and paste the above code in, that you copied to your clipboard. So now lines 7 - 17 should be...

{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div><br />
{/if}
   {if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}
{/if}

[Ishy]

Great! Thanks! How can I make the font bigger and customize the usergroup and rank some? I know it has to be in the stylesheet but I'm not sure how to label it. I have the userlinks and customtitle ones down.

Also I'm trying to make the Relationship section the same font family and possibly font size as the rest, but since it's a plugin I'm not sure how. I tried .relationship { font-family: Pathway Gothic One; } in the stylesheet but nothing.

[Ishy]

Bump.

[Ishy]

Bump.

[Ishy]

Bump. Maybe my buddy Brian would know?

The site: mttestsite1.proboards.com/

[Brian]

If you just surround the text you want to customize with a span that has a class, you should be able to address it with CSS.

For example:

<span class="mini-group">$[user.group.name]</span>

<span class="mini-rank">$[user.rank.name]</span>

Once that's done, you can address it using these selectors.

.mini-profile .mini-group { CSS goes here }
.mini-profile .mini-rank { CSS goes here }

[Ishy]

Thank you so much! And do you possibly know how to edit the CSS for the Relationship Status plugin? If not then I'm all set here (: