Help with mini-profile code and theme fonts

[ScrewDriver]

1 )    Alright, firstly I wanted to ask if anyone here could help me with the mini-profile code. The theme I'm using doesn't have much for the mini-profile so I wanted to change a few things, as in add the stars and some text-fields for users to use in case they want. However, I don't completely want to mess up the code, since although I know quite the bit of CSS and HTML, I'm not that good.
So far I've tried to add the user group stars and user rank name and stars. The profile looks like this (picture below), not sure why, suggestions on what to change are welcome. I just want the profile to look somewhat like the default forum theme's mini-profile, as in: user's name > group/rank/whatever* > stars > profile picture > some text fields for whatever purpose > online/offline. All that but with the background as in the picture below.

* the group/rank thing: I'm confused. How does it work exactly? I just want it to show myself as the admin with the silver stars and then for regular members their rank name and how many (blue) stars they've got.

---

2 )    Secondly, I need help with some fonts I use on my forum. The first thing is the font size of the titles on the "front page" and the navigation on the right. I've tried to make the fonts bigger through the code, but haven't succeeded so far. What do I do?

The other thing with the fonts is the font family in the actual threads like here. Why won't the font change to Trebuchet MS? I don't want it to be 'Boogaloo' like most of the titles and such and I haven't got the slightest of idea where to change that. 



You can find my forum here: daale.boards.net/

[Brian]

Hi, ScrewDriver.

The default theme uses this in the mini-profile template to produce either the group or rank stars depending on whether or not you're in a group.

{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}

In Themes > Advanced Styles & CSS > Style Sheet the font size of the title on the left in your screenshot is controlled by the font size specified on line 1676. The ones on the right are controlled by the font size specified on line 1633.

If you want to change just the font styling of posts and nothing else on the forum I recommend adding this to the bottom of the theme's style sheet:

.posts .post .message,
.messages .item .message {
    font-family: Trebuchet MS;
}

If you want links in posts to share the same font you can use this to make them inherit the same font you previously specified.

.posts .post .message a,
.messages .item .message a {
    font: inherit;
}

[ScrewDriver]

Brian , thank you so much for helping!

How about text fields? How should I add those in the code if I want them the same way e.g. I have here on ProBoards Support forum (what's for dinner, etc...)? And not just how many posts a user has posted, but other things too, like status and some custom profile fields? Also, where can I change how they look, like font-color, margins, etc...?

[Brian]

You can lift all of the default stuff that's usually in the mini-profile from a default theme's mini-profile template, accessible by creating a new theme on your forum and opening its layout templates.

All of the variable names are pretty much the same as the features they produce the values of. If you want custom fields copy the code from the default template having to do with custom fields.

[ScrewDriver]

Brian

Thank you again, but I still have the problem of how to change the styling of those custom fields (example in the screenshot below). Also, I tried to add a custom field of my own and it doesn't appear on the mini-profile..?
If you could help me with the codes I'd be grateful. 

[Brian]

The area with the post counts is controlled in Themes > Advanced Styles & CSS by modifying the font properties in Mini-Profiles > Info Areas.

Your custom profile fields aren't rendering because you changed the variable that produces them to something else. The section that produces your custom profile fields in your mini-profile should look like this:

{foreach $[user.mini_custom_field]}
    <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/foreach}

[ScrewDriver]

Brian

Thank you so much for helping!