XF 2.2 Images on Title Ladder

[Catsmother]

Hello

I am wanting to use images in the title ladder, Is this possible please?
I have tried to just insert the image instead of the title but that doesn't work.

 

[Paul B]

You can use emojis but HTML won't work.

 

[Catsmother]

You can use emojis but HTML won't work.

View attachment 236765

Ok and what about user groups? If it is possible to do them using user groups would I have to add every member to the group or can I override them?

 

[Paul B]

User groups can be styled.

You can also override the title ladder.

Perhaps custom banners would work for your needs?

Creating custom User banner styling

By default, XF comes with the following user banner styles: Creating custom styling using the Other, using custom CSS class name option is fairly straightforward. This guide will explain how to. The easiest way by far to add new prefix...

xenforo.com

 

[Rhodium]

Hello

I am wanting to use images in the title ladder, Is this possible please?
I have tried to just insert the image instead of the title but that doesn't work.

You can use img tag like that:



But you need to adjust with css.

 

[Paul B]

Huh, I assumed it wouldn't work based on the opening post -- "I have tried to just insert the image instead of the title but that doesn't work." -- but didn't check.

 

[Catsmother]

You can use img tag like that:

View attachment 236774

But you need to adjust with css.

Thanks

What do I need to adjust in CSS?

 

[Catsmother]

Huh, I assumed it wouldn't work based on the opening post -- "I have tried to just insert the image instead of the title but that doesn't work." -- but didn't check.

Yeah I tried it too and didn't work but he says adjust the CSS but not sure how to do that,

 

[Paul B]

He means do something like this:



You apply a class to the image.

Then you can style it using the extra.less template, like so:

 

[Catsmother]

He means do something like this:

View attachment 236880

You apply a class to the image.

Then you can style it using the extra.less template, like so:

View attachment 236881

Do I need to upload the images to my server or just put the URL for the image on the ladder titles?

 

[Paul B]

Yes, upload the images to the server.

It's always the best option to self host any images you are referencing on your site.

 

[Catsmother]

Yes, upload the images to the server.

It's always the best option to self host any images you are referencing on your site.

Ok thank you.

 

[Catsmother]

I don't know what I am doing wrong but it isn't working.

 

[Catsmother]

Going back to this. If I want this image for a User title then what would I need to do?
Code for it to work.