Free Mod Make User Name Card font bigger

[glennrocksvb]

The latest vB5.6.6 introduced a new feature called User Name Card where it shows the user's name, avatar, a link to their profile, and a link to search for their posts in a tooltip overlay upon clicking a username link across the site. But I find the font too small to read. If you are wondering how to make the font bigger, you are in the right place.

Copy and paste this custom CSS in css_additional template in AdminCP or in Sitebuilder Style Editor.

/* Make User Name Card font bigger - START */
.b-namecard {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 6px 2px;
}
/* Make User Name Card font bigger - END */

Adjust the values accordingly for your forum.

Please see the before and after if this custom CSS is applied to vBulletin.com:

Default:


After CSS applied:



Enjoy!

[Mitch]

Nice Glenn. Can the font color be darker?

[glennrocksvb]

Yes, just add the desired color to the CSS:

/* Make User Name Card font bigger - START */
.b-namecard {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 6px 2px;
    color: #000;
}
/* Make User Name Card font bigger - END */

Adjust the color as desired.

[Zips]

Custom CSS was added without a hitch. Looks a lot better with the larger size. Hopefully the vB team can will work their own magic as well and get a more stylized card out some day.

Thanks again, Glenn!

[glennrocksvb]

If you are interested, you can also check out the Profile Preview Tooltip mod I had created long time ago and have recently updated to make it work in vB 5.6.6. This is similar to the new Name Card feature so you'd have to disable it to use the mod.