1. 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

Discussion in 'Styling and Customization Questions' started by markku, Sep 30, 2015.

  1. markku

    markku 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!!
  2. markku

    markku Well-Known Member

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

Share This Page