XF 1.3 Inserting an Image into thread prefixes

[Rum Runner Entertainment]

Is there a way to add in an image as a thread prefix?

 

[Digital Doctor]

Is there a way to add in an image as a thread prefix?

TAZ has them.

Being discussed here ..
https://theadminzone.com/threads/taz-thread-prefix.118359/

 

[Rum Runner Entertainment]

I'm not quite understanding they're posts there.. hmm. So is it possible to add in a full on .png file as a prefix?

 

[Paul B]

Create your custom thread prefix CSS following this guide: https://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/

Then edit the CSS to add a background image and some left padding to push the text over to the right so it doesn't overlay the image.

 

[Rum Runner Entertainment]

Create your custom thread prefix CSS following this guide: https://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/

Then edit the CSS to add a background image and some left padding to push the text over to the right so it doesn't overlay the image.

Alright, I understand. So you're saying that I need to add in that whole CSS to the EXTRA.CSS Template? Or just the blue and red which consist of the CTA1 and CTA2?

 

[Rum Runner Entertainment]

Create your custom thread prefix CSS following this guide: https://xenforo.com/community/resources/creating-custom-thread-prefix-css.350/

Then edit the CSS to add a background image and some left padding to push the text over to the right so it doesn't overlay the image.

Here is the code I have there now:

.prefix.prefixCTA1 {
color: @textCtrlBackground;
background-image: url('https://forums-piratesonlinerewritten.com/data/images/fireskul.png');
background-color: @primaryDarker;
border-color: @primaryDark;
background-size: 25px 25px;
}

a.prefixLink:hover .prefix.prefixCTA1 {
color: red;
background-color: yellow;
border-color: blue;
}

But for some reason, the image is not showing at all. I kept everything the same, I just added in the background image url code as well as sizing codes.