XF 2.1 Style and fix custom field on post bit

[CranberryPie]

Hello,

I have "Identities" on my board and set Twitch to show up on my members post bit. I got it working and all, although I want to remove the title of the custom field Twitch as you see in the image below. And I want to stack these images horizontally instead of vertically. Is this doable without affect the other post bit information?

<a href="https://twitch.com/Profile?{$value}" target="_blank"><img src="https://webserver.com/images/profileicons/twitch.png" alt="Twitch"/></a>

When I hover over the Twitch icon "alt" doesn't work? A little pointer appears.

 

[OUTL4W]

you could try:

<a href="https://twitch.com/Profile?{$value}" class="twitchText" target="_blank"><img src="https://webserver.com/images/profileicons/twitch.png"  data-xf-init="tooltip" title="Twitch"/></a>

extra.less:
.twitchText {text-indent: -9999px;} /* sends the text off-screen */



or you could install

[OzzModz] Gamer Profiles

Requirements: XenForo 2.2+ Description: This add-on is only compatible with XenForo 2.2. If you want a profile added immediately, I charge $25-$35 per profile. This add-on is a port of GamerProfiles - PixelExit.com, which @Steve F has kindly...

xenforo.com

 

[CranberryPie]

Gamer profiles doesn't work for me, and it was kind of a pain to uninstall, certain items got left over, at least in XF 2.1.

The CSS didn't work, I've also tried CSS column and float to no avail. Maybe it's the custom field titles?

Tool tip works great though!

Regards.

 

[OUTL4W]

Hello,

I have "Identities" on my board and set Twitch to show up on my members post bit. I got it working and all, although I want to remove the title of the custom field Twitch as you see in the image below. And I want to stack these images horizontally instead of vertically. Is this doable without affect the other post bit information?

<a href="https://twitch.com/Profile?{$value}" target="_blank"><img src="https://webserver.com/images/profileicons/twitch.png" alt="Twitch"/></a>

When I hover over the Twitch icon "alt" doesn't work? A little pointer appears. View attachment 234428

this process will only list the icons vertically. Try un-ticking this option to show on user info and if comfortable with editing templates

message_macros - find

<div class="message-userExtras">
                                <xf:contentcheck>

add after:

<!---Identities--->
<xf:if is="{$user.Profile.custom_fields.Twitch}"><a href="https://twitch.com/Profile?{$user.Profile.custom_fields.Twitch}" target="_blank"><img src="https://webserver.com/images/profileicons/twitch.png"  data-xf-init="tooltip" title="{$user.username}'s Twitch";></a></xf:if>
<!---Identities --->

You can use the same template for the rest of your "identities" and just replace "twitch" with the title of the custom user field.

 

[cb_tree]

Thank you! It's perfect!

Where do you find the XF variables and CSS classes so if need be I can edit these myself in the future? I tried looking online and the manual and didn't find anything.

 

[Paul B]

This should help.

How To ...

This is a series of tips and guides on how to do some of the most commonly requested things, such as: Locating a specific phrase Editing a phrase Creating a new phrase Determining which template to edit How to edit a template Creating a new...

xenforo.com

 

[CranberryPie]

@Brogan

Do you know how to turn off or fix XF tool tip under "Contact" details when hovering over custom field data.

 

[OUTL4W]

Do you know how to turn off or fix XF tool tip under "Contact" details when hovering over custom field data.View attachment 234505

it may not be the prettiest way but this should fix the tooltip placement.

find on template near top:
member_view:

<xf:macro template="metadata_macros" name="metadata"

add before:

<style>
.pairs.pairs--columns {display: block !important;}
</style>