XF 1.2 Looking for a simple way to put links to a persons website under avatar

[LurkerLou]

What I'm looking to do is create a custom user field that will be appear under the person's avatar in threads. Under the avatar will be a graphic, such as an Imgur logo, and if someone clicks the logo it goes to the person's Imgur page. Can anybody point me in the right direction?

 

[Lukas W.]

You can create Custom User Fields in your ACP -> Users -> user Customization -> Custom User Fields. Set it to "Viewable in message user info" under "General Options" to appear in the Postbit. You can use the "Value Display HTML" below to style it as you like.

 

[LurkerLou]

That's what I was doing but I had custom fields disabled in the style. Now, another question. The custom field name still appears with the linked graphic under the avatar. Anyway to have it just display the graphic not the name and graphic?

 

[Lukas W.]

Add the following code to your Extra.css:

.thread_view .messageUserBlock .extraUserInfo dl.userField_YOURFIELDID {
display: none
}

Remember to fill in your user field id in the code above.

 

[LurkerLou]

Add the following code to your Extra.css:

.thread_view .messageUserBlock .extraUserInfo dl.userField_YOURFIELDID {
display: none
}

Remember to fill in your user field id in the code above.

Tried it. Replaced YOURFIELD with the Field Id but no go. Is below correct?

.thread_view .messageUserBlock .extraUserInfo dl.userField_IMGUR {
display: none
}

 

[Lukas W.]

Sorry, messed something up there. Your code must be:

.thread_view dl.userField_IMGUR dt {
display: none;
}

That should do it.

 

[LurkerLou]

Sorry, messed something up there. Your code must be:

.thread_view dl.userField_IMGUR dt {
display: none;
}

That should do it.

Dang it. Still there.

 

[Lukas W.]

Works in my example:

 

[LurkerLou]

I'll create the field from scratch and try again.

 

[LurkerLou]

Still no go. It's working for you so I have to have something funky going on on my end. I'll try it on a different style.

Another question, anyway to flush left the graphic, text in your example, or is it always going to have to be on the right?

 

[Lukas W.]

Use the following:

.thread_view dl.userField_IMGUR dd {
float: left;

However it will only work combined with the snipped above when you hide the dt-tag. You could also try to add an !important to all of the definitions above. Whole could would look like this then:

.thread_view dl.userField_IMGUR dt {
display: none !important;
}
.thread_view dl.userField_IMGUR dd {
float: left !important;

If you provide a link to your forum, I can have a look at your code and if you have done everything right btw.