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

XF 1.5 .internalLink background styling and linked images

markku

Well-known member
#1
I have the following css:
Code:
.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:
Code:
[URL='http://www.forums.com/threads/my-trip.1882/'][ATTACH=full]1234[/ATTACH][/URL]
It produces the following:
Code:
<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/">
</a>

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!!