4 Replies Latest reply on May 24, 2017 4:44 AM by Liam Dilley

    Responsive DIV for Web App List Template

    Mayan Media Level 1

      Hi everyone.

       

      I'm currently using the below HTML to pull an image from my web app to the list template. However, I need the image to have responsive width and I wonder if anyone can help with this? If anyone can help me save time and provide the exact HTML and CSS I need to use that would be great!

       

      <div class="sponsorlogo" style="background-image:url({tag_sponsor logo_value}); width: 180px; padding: 10px;"></div>

       

      <style>

          div.sponsorlogo {

              float: left;

              position: relative;

              background-repeat: no-repeat;

              background-size: contain;

              background-position: center;

              width: 100%;

              height: 160px;

              color: lightgray;

              background-color: white;

              border-radius: 0px 0px 0px 10px;

          }

       

      </style>