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

XF 1.5 Responsive png file?

Discussion in 'Styling and Customization Questions' started by Spleen, Mar 26, 2016.

  1. Spleen

    Spleen Member

    I've added a png file with an embedded url link to 'ad thread view below messages' and it shows just fine however it's not responsive. Any ideas on how I can fix it? Thanks!

    Screen Shot 2016-03-26 at 18.39.38.png
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Place it in a div with a max width of 100%.
     
  3. Spleen

    Spleen Member

    Ah. Sorry Brogan, not sure I've got that far yet. How do I do that exactly?
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Something like this:
    Code:
    <div style="max-width: 100%">
        Code here
    </div>
    Ideally I would need to see it in place to see what it's doing.
     
  5. Spleen

    Spleen Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    You need to allow guest permission to view that forum.
     
  7. Spleen

    Spleen Member

    Sorry, I only changed that the other day! Sorted now.
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    It is still inaccessible to guests.
    All of your forums are private.
     
  9. Spleen

    Spleen Member

    Sorted now. :whistle:
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    This will probably work:
    Code:
    <a href="http://cotswoldgroup.com">
        <img style="max-width: 100%" src="styles/styles/social/xenforo/Cotswold%20BMW%20copy.png">
    </a>
     
  11. Arty

    Arty Well-Known Member

    Replace
    Code:
    <img src
    with
    Code:
    <img style="display: block; max-width: 100%;" src
     
  12. Spleen

    Spleen Member

    Ok, I'll give it a go. Thanks again, I owe you an internet beer!
     

Share This Page