XF 1.5 .internalLink background styling and linked images


Well-known member
I have the following css:
.internalLink {
    background: rgba(0, 0, 0, 0) url("http://www.forums.com/arrow.png") no-repeat scroll 2px 5px !important;
    font-weight: 600 !important;
    padding-left: 10px !important;
    text-decoration: none !important;
It works fine, puts a small arrow in front of all internal links.

However, when I use the following BBCode:
It produces the following:
<a class="internalLink" href="http://www.forums.com/threads/my-trip.1882/">
<img class="bbCodeImage LbImage" alt="picture2.png" src="http://www.forums.com/attachments/xfarft-png.1234/">

And now that linked image will also have that arrow in front of the said linked image...

How can I remove the arrow (.internalLink background) from linked images? I'd only like to have the arrow for text links.

a class internalLink... within it is img class bbCodeImage...

Can I somehow combine these two in the CSS to remove internalLink background styling?

I've tried a lot of combinations but seem to be failing.

Thanks in advance!!


Well-known member
Did I explain it badly or was this one of those things that cannot be worked around? :(