[resolved] Mini-profile fields a different color

[Former Member]

I'm not sure a template is what is needed, if I need to request somewhere else please point out where, but I'm attempting to make the fields in my mini-profiles a different color than their content. So instead of Posts: 0 it would be Posts: 0 (colors chosen at random to show contrast). Right now, I can change the color of all the information, but not individually the fields without affecting their content. 

[Stinky666]

Sept 9, 2013 17:45:22 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

I'm not sure a template is what is needed, if I need to request somewhere else please point out where, but I'm attempting to make the fields in my mini-profiles a different color than their content. So instead of Posts: 0 it would be Posts: 0 (colors chosen at random to show contrast). Right now, I can change the color of all the information, but not individually the fields without affecting their content. 

For posts, do the following:

Admin > Themes > Layout Templates > Mini Profile
On line 23, you should see:

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

The bit I have made PINK, you don't want to add the HTML tags to because that is the individual user's post count. So, you'd do the following:
<font color="35b62a">#Posts:</font> $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}

That would now display as - Posts: 100
Anything that is inside the following: $[ and ] is called a "variable". So you'd make them different.

Lets use another example. By default this isn't in the mini profile, but "Age".
My Age: $[user.age]

I have added the words "My Age:" infront of the variable, and that will display the persons age. Making the age and "my age" text different colours is easy, because you simply put "My Age:" in some html font tags, like I have done with the "Posts:" bit above. Or you could do it in the reverse, and make the actual age a colour instead, so you could do:

My Age: $[user.age]

Hope that helps, and apologies if I have rambled on lol.

[Former Member]

That is SO helpful, I cannot thank you enough for taking the time to respond and to do it so thoroughly and clearly that even a complete non-coder like me could easily grasp it. I do have one more question, if it's alright? Stinky666, how would this work for a custom field? We have several of them on my site.

[Stinky666]

Sept 10, 2013 13:25:36 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

That is SO helpful, I cannot thank you enough for taking the time to respond and to do it so thoroughly and clearly that even a complete non-coder like me could easily grasp it. I do have one more question, if it's alright? Stinky666, how would this work for a custom field? We have several of them on my site.

Hopefully this could help with that:

support.proboards.com/thread/450528/custom-links-mini-profile?page=1&scrollTo=5198758

[Former Member]

I got it to work! Thank you so much!