Images don’t fit tile when resized

  • When the browser is resized the tiles assume a new shape, but not all the images fit the shape (leaving empty tile space below/side). Seems to happen with random resizes. Most first view/refreshes work fine. It used to work fine, the box would match the ratio of the image, just random sizes.

    I have the paid version from CodeCanyon, which shows version 3.3.14. I also tried the free version with a version number of 3.3.35.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi, it’s a weird issue, I think it’s related with the theme. It seems it goes better disabling the transitions, please try adding the following rules inside the Custom CSS box (Customizations section):

    .final-tiles-gallery .tile,
.final-tiles-gallery .tile.ftg-preload,
.final-tiles-gallery .tile img.item {
  transition: none !important;
}
    Thread Starter Rustic Homestead Marketing

    (@pnwwebworks)

    To test that I did try the stock 2015 theme, and the problem was still there (Even worse actually). I did apply the code you recommended, and the transitions are now off. However the problem still exists.

    When looking at the css on the image vs the div for one that is messed up:

    CSS applied to the image at the element level (inline):
    width: 170.25px;
    height: auto;
    top: -171.731px;

    CSS applied to the DIV holder at the element level (inline):
    left: 532px;
    top: 273.75px;
    position: absolute;
    width: 398px;
    height: 255px;
    display: block;
    transform: scale(1);

    The width is being set to 2 different sizes, so the picture will not match. The image in this case is 1024 x 681, so the DIV is mostly the right ratio (my guess is some cropping occurred), the image is not.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Images don’t fit tile when resized’ is closed to new replies.