• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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

#1
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?
 

katsulynx

Well-known member
#2
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.
 
#3
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?
 

katsulynx

Well-known member
#4
Add the following code to your Extra.css:
Code:
.thread_view .messageUserBlock .extraUserInfo dl.userField_YOURFIELDID {
display: none
}
Remember to fill in your user field id in the code above.
 
#5
Add the following code to your Extra.css:
Code:
.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?

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

katsulynx

Well-known member
#6
Sorry, messed something up there. Your code must be:
Code:
.thread_view dl.userField_IMGUR dt {
display: none;
}
That should do it.
 
#10
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?
 

katsulynx

Well-known member
#11
Use the following:
Code:
.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:
Code:
.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.