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

XF 1.3 Inserting an Image into thread prefixes

#5
#6
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.