Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 8, 2018 at 9:23 pm #894926
    scottvarga

    I have a Grid Row that has two columns in it. Each column has an Image element in it. How do I get those images to continue scaling even after they have reached their full size so they continue to fill the screen?

    I have tried to add CSS to each image but it doesn’t seem to work?

    .imagescale {
    width: 100% !important;
    height: auto !important;
    max-width:100% !important;
    }

    • This topic was modified 6 years, 11 months ago by scottvarga.
    January 9, 2018 at 12:20 am #894998
    Jordan Shannon

    Hey Scott,

    Can you provide a link to the site/page in question so we can look into this further?

    Best regards,
    Jordan Shannon

    January 9, 2018 at 12:25 am #895004
    scottvarga

    Here is a link to the page

    project haptx

    If you go halfway down the page you will see four images of a booklet. These images are 900px wide so once the browser gets to about 2000px wide you start to see them separate out a bit with.

    January 9, 2018 at 7:01 am #895116
    Rikard

    Hi,

    It looks like you are not targeting the actual images, maybe this will work?

    .imagescale img {
width: 100% !important;
height: auto !important;
max-width:100% !important;
}

    Best regards,
    Rikard

    January 9, 2018 at 10:09 pm #895385
    scottvarga

    That didn’t seem to work? I even tried putting the CSS Class on the cell as well as the image.

    January 10, 2018 at 12:41 am #895439
    Jordan Shannon

    Hi,

    Have you made sure to hard clear the cache a few times over?

    Best regards,
    Jordan Shannon

    January 10, 2018 at 1:13 am #895467
    scottvarga

    I viewed it in a browser that I have never accessed that page before with so I don’t think that matters.

    January 14, 2018 at 12:26 pm #897060
    Nikko

    Hi,

    Try adding this css code:

    .imagescale .avia-image-container-inner {
    display: block;
    width: 100%;
}

    Let us know if this helps.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.