• Resolved PhotoMan

    (@photoman)


    I have images that are 468×60 (web banners) and when they appear in the gallery they are getting distorted to 468x100

    Is there an easy fix?

    Thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author bradvin

    (@bradvin)

    hi @photoman

    Can you share a link to your gallery, so that we can see the problem?

    Thread Starter PhotoMan

    (@photoman)

    The full-site isn’t ready yet but I pushed out a demo page:
    https://test2.polskystudios.com/

    I can see in the css code that the containing div’s are set to be 100% or 100px (depending on the div). That seems to be a coding bug that is making the assumption that images could not be smaller than 100px in height.

    Is there a fix for this without having to hack the pages’ css?

    Thread Starter PhotoMan

    (@photoman)

    @bradvin – any thoughts on a solution? Thanks!

    Plugin Author bradvin

    (@bradvin)

    I had a look at your page and the only image in the gallery was set to 250×200 dimensions, so I cannot see the issue you describe.

    Also, can you point to the css that is setting it to 100px, as I cannot find that in dev tools.

    Thread Starter PhotoMan

    (@photoman)

    Did you advance through the images? The first one is set to be 250×200, but the remaining should scale to their native sizes.

    I made notes on the page with visual samples.

    It should just work naturally based on the size of the image.

    • This reply was modified 2 years, 3 months ago by PhotoMan.
    Thread Starter PhotoMan

    (@photoman)

    @bradvin I added this ‘hack’ code to the customizer to correct for the misalignment of smaller images so they will appear in the middle. I recommend you update the codebase with this or a similar solution. I was also surprised that you are not using display:flex.

    .fbx-item-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
     height:auto;
    }
    Plugin Author bradvin

    (@bradvin)

    Thanks for that suggestion.

    I am glad you found a work around in the mean time.

    @steveush pls see the above suggestion for inclusion in a future version of FooBox

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image Distortion’ is closed to new replies.