Custom Field Help

[klickm]

Hello! I am hoping this is a simple fix, but I really have no idea. On my forum below we have added Custom Fields so that we can display our characters stats and items. The problem is the custom user fields text is so small, is there anyway to re-size it?

Link to thread with Mini-Profile containing text that needs to be re-sized (below avatar picture):
dragonballawakening.proboards.com/thread/1414/extension-gravity-x55?page=1&scrollTo=10574


Here is the code we have under Mini- Profile:
<div class="$[miniprofile_class]">

$[user]<br />

{if $[user.is_guest]}Guest<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}

{if $[user.custom_title]}$[user.custom_title]<br />{/if}

$[user.warning.bar]

<br />

{if $[user.avatar]}

<div class="avatar">$[user.avatar]</div><br />

{/if}

{if $[user.personal_text.message]}

$[user.personal_text]<br />

{/if}

{if $[user.is_member]}

<div class="info">

Posts: $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}

{foreach $[user.custom_field]}$[user.custom_field.name]:$[user.custom_field.value]<br />{/foreach}

</div>

{/if}

</div>

Any help would be appreciated! Thank you!

[Tumbleweed]

Hi klickm,

If you add this to the bottom of your style sheet targeting each of the custom fields you should be able to change the text size:

.custom-field-favoritesnack,.custom-field-favoriteplace{font-size: 14px;
}

For example my custom fields in this example is Favorite Snack and Favorite Place so the class is actually in lower case with no spaces so:

favoritesnack and favoriteplace

You can just add a comma between your different fields.

[klickm]

Forgive me, but I am still a little confused on this. You mentioned adding in the font coding after each user field, but I am using the one line of coding above so that all custom user fields show, none are named specifically. Might you be able to show me where in the code above I should enter what you suggested?  Thanks!

[klickm]

bump

[Kami]

Apr 2, 2015 4:38:02 GMT -8 klickm said:

Forgive me, but I am still a little confused on this. You mentioned adding in the font coding after each user field, but I am using the one line of coding above so that all custom user fields show, none are named specifically. Might you be able to show me where in the code above I should enter what you suggested?  Thanks!

The code provided should go in your Stylesheet: Admin >> Themes >> Advanced Styles & CSS > Stylesheet. Place it at the very bottom.

It's okay if none of them are named specifically in the template, too. The information is still there by virtue of the field existing. (:

[klickm]

Oh okay I understand where you mean now. Only thing is, I placed the code at the bottom of the Style Sheet and edited to match my own custom user fields, but the text size in the Mini Profile has not changed size. Any suggestions?

[Kami]

Apr 6, 2015 15:11:07 GMT -8 klickm said:

Oh okay I understand where you mean now. Only thing is, I placed the code at the bottom of the Style Sheet and edited to match my own custom user fields, but the text size in the Mini Profile has not changed size. Any suggestions?

can you link to your site please? (: or is that the site in the first post?

[klickm]

It was, but never mind! I had made a small error, it is working perfectly now. Thank you for the help, both of you!

[Kami]

Apr 6, 2015 16:35:01 GMT -8 klickm said:

It was, but never mind! I had made a small error, it is working perfectly now. :) Thank you for the help, both of you!

Glad you figured it out! (:

[klickm]

Additional question if I may! Is there a way I can make the Custom Field Name bold in the Mini Profile, but without the text entered in the field becoming bold?

[Kami]

wrap this: $[user.custom_field.name] in <b></b> tags, like so:

<b>$[user.custom_field.name]</b>

[klickm]

Oh...so simple heh XP thanks again!

[Kami]

You're welcome!