XF 2.3 Custom User Field in User Banner section?

[ArtG]

I have a custom user field that shows up like a banner in the user message info section. You can see how I do this here:

XF 2.2 Thread 'Custom user field linked to banner?'

Nov 2, 2022

Hi all -

I'm trying to create a custom banner in the user info section. It will appear if the user inserts a URL in a custom user field in their profile.

The custom banner should link to the URL that was used in the profile. The banner will be the same for everyone but it should look like all the other Xenforo banners, just a different color and different text.

Here's what I did:

1. I created a custom user field and set the value to URL.
2. I clicked the box saying that it is viewable in the message info section and enabled it in message user info elements section.

The URL shows up...

• ArtG
• Replies: 6
• Forum: Styling and customization questions

Unfortunately, it seems Xenforo doesn't show that section on mobile so anyone using my site on mobile doesn't see it. I'm trying to fix that.

Is there a way to move a custom user field to the section that has user banners so that it does show on mobile?

Thanks

 

[Mr Lucky]

Try in extra.less

.message-userExtras
{
    display: initial !important;
}

 

[ArtG]

So that works. Thank you! Unfortunately, it also adds all of the user extras but that's OK.

 

[Mr Lucky]

You can't directly target the specific elements by name, but once you have redisplayed .message-userExtras you can hide specific elements, e.g. to hide the second one

.message-userExtras dl:nth-child(2)
{display:none}

EDIT: I just realised the above will hide the elements on desktop also so you need something like this to hide the first 2 on mobile (change nth number to suit)

@media (max-width: @xf-responsiveNarrow)
{
.message-userExtras dl:nth-child(1),.message-userExtras dl:nth-child(2)
{display:none}
}

See more on nth child:

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

[ArtG]

Thank you so much!