Profile Enhancements - Bold Profile Field Titles

And the award for world's most minor template modification ever goes to... But seriously, after a quick check on vBulletin.com and various other sites, I have come to the conclusion the standard profile field titles in the about me tab are just not 'stand out' enough from the actual text, so I've made a very minor modification which boldens the titles to differentiate between the profile field name and user content in a much easier way.

So first up, the original code to modify is this:

<dt class="shade" id="[whatever]">Location</dt>

This is the code that's supposed to give the slight colour difference between the title and the content, but really, on a customised profile style doesn't really do it's job that well. You then go to this template:

Member Info Templates > memberinfo_profilefield

And then find this code:

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]">$profilefield[title]</dt>

And add either <b> or <strong> tags where bolded in the piece of code below:

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]"><b>$profilefield[title]</b></dt>

See attachments for difference between this and default.

Edit: Because of a problem where it applies only to a certain user profile for some reason (might actually be who you're logged in as or the like), here's a piece of code as released by vbplusme:

Find this piece of code in Style Manager -> All Style Options

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }

And replace with:

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; font-weight: bold; }

[Charlie98902]

Hi thanks for the tip however to be different I used this.

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]"><b><span style="color: Blue;">$profilefield[title]</b></span></dt>

To show different color than just bold and this helps make it stand out as well. You can choose what ever color you wish as well.

[vbplusme]

Better yet, modify the .shade property in Main CSS then you don't need to change any template code.
Original:

.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }

Modified:

.shade, a.shade:link, a.shade:visited { color: #0000FF; font-weight: bold; text-decoration: none; }

ENJOY!

[Charlie98902]

Originally Posted by Charlie98902

Hi thanks for the tip however to be different I used this.

<dt class="shade" id="profilefield_title_$profilefield[profilefieldid]"><b><span style="color: Blue;">$profilefield[title]</b></span></dt>

To show different color than just bold and this helps make it stand out as well. You can choose what ever color you wish as well.

Seems to work only on my profile but no one elses?

[vbplusme]

HUH? That is a CSS class reference it can not NOT work if its called OR is being replaced by something else that is hard coded to usurp it, like adding another <style> tag after it. Works fine on my site but I haven't made any mods to that code.

[Charlie98902]

Not the css one you made but the html one I used. I have to go to bed as I must get up at 3 am tomorrow but I will post back on what I did and what happened as well. I couldn't find the css to use yours. Well the line of css not the main css to change.

[vbplusme]

Oh, that's why. That class is definitely in Main CSS, on mine, its in the "Additional CSS Definitions" at the bottom of the page, top box. HTH

[Charlie98902]

Originally Posted by vbplusme

Oh, that's why. That class is definitely in Main CSS, on mine, its in the "Additional CSS Definitions" at the bottom of the page, top box. HTH

Thanks I found out where you were talking about and that did it for all it seems.

[cheat-master30]

I'll be updating it with the CSS version if you don't mind, the only reason there was a problem with the existing version is because originally, it wasn't meant to be released as a mod and I basically coded it to fix a certain profile.

[cheat-master30]

Thanks vbplusme, updated.