Mini-profile text alignment

[Lillith]

So.. I'm working on some changes in the mini-profiles on my forum and I need a little help.


What I want:

• To change the font size of the text/custom fields under the avatars
• To align the text separately on the same line. Fx. Race aligned left and Human aligned right
• To bold the custom field "title", but not the "answer". Fx. Race ind bold, but Human still plain

I've looked in the excisting guides already, but didn't find what I was looking for. If I over-looked it, I'm sorry. Thanx in advance for helping me.

[Tumbleweed]

May 17, 2015 0:31:55 GMT -8 Lillith said:

So.. I'm working on some changes in the mini-profiles on my forum and I need a little help.


What I want:

• To change the font size of the text/custom fields under the avatars
• To align the text separately on the same line. Fx. Race aligned left and Human aligned right
• To bold the custom field "title", but not the "answer". Fx. Race ind bold, but Human still plain

I've looked in the excisting guides already, but didn't find what I was looking for. If I over-looked it, I'm sorry. Thanx in advance for helping me.

To change the custom field title you'd go into your mini-profile template....

Admin > Themes> Layout Templates>Mini-Profile

...... and add the blue and if you wanted say "Posts" bolded as well you can just put bold tags around it like I did in red. To make all the info a different font size you could just add a style to that div in green.

<div class="info" style="font-size:13px;" >
<b>Posts: </b> $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}
{foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]"><span style="font-weight:bold;">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
{/foreach}
{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}
</div><br />

For the green, you can alternatively add it to your style sheet:

.mini-profile .info{font-size:12px!important;
}

As far as the alignments, it would be nice to see your site so I can view what you have in your mini-profile so far but I'll reread your questions and see if I can offer suggestions.

Question: Is "human" the answer to the race question? I assume that is a custom field? If you want your answer moved to align to the far right then you could just add another span tag (purple) and some more css in the blue part:

<br /><span class="$[user.mini_custom_field.content_class]"><span style="font-weight:bold; float:left;" >$[user.mini_custom_field.name]:</span> <span style="float:right;">$[user.mini_custom_field.value] </span></span>

Now not 100% sure float right and left will work in span tags so they may have to be changed to div tags. (I don't have anything to test it on, at the mo, but try that first)

If I'm not understanding completely, please let me know.

[Lillith]

Hi Tumbleweed

My forum is tortall6th.proboards.com/

Thank you sooo much for this though. I'll try it later tonight. Looks so easy I should have figured it out. xD

[Tumbleweed]

May 17, 2015 8:20:35 GMT -8 Lillith said:

Hi Tumbleweed

My forum is tortall6th.proboards.com/

Thank you sooo much for this though. I'll try it later tonight. Looks so easy I should have figured it out. xD

Thanks for the link. Took a quick look and what I suggested should work. I did edit my post to add a bit more and so not sure how well that part will fair for you so post back if you get stumped. (I'll go bold the part I added while you were posting.)

[Lillith]

You understand perfectly! It's exactly what I wanted. Thank you so much! <3