Responsive Images Problem

  • Resolved Damyan90

    (@damyan90)


    6 years, 2 months ago

    Hi all! Me again! ??

    I noticed a problem with the images responsiveness within the content of pages or posts.
    When I upload an image within the content of a website it appears blurry on pixels. The theme is resizing the image only if you select Full Size. But if the image is actually a bit smaller than the container size, then the theme stretches the image. If you select a fixed size or medium size, for example, the image appears great on desktop, but it refuses to resize on mobile and only the left half of the image is visible.

    Do you have an idea how to solve this?

    Thanks,
    Damyan

    • This topic was modified 6 years, 2 months ago by Damyan90.
Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter Damyan90

    (@damyan90)

    This works!

    Would this code be included in one of the next updates? I don’t think it should work only with custom css. I am trying to use as less css as possible.

    Also, is there a way when uploading an image to have it every time with the fixed size parameter instead of selecting this feature on every single image? I believe when you insert an image in a post it should simply work. ??

    Thread Starter Damyan90

    (@damyan90)

    I realized that the best way to display an image (appearance and responsiveness) is by putting it on a fixed resolution as we were talking. However, I noticed that the image looks flawless in the backend on the field where you write the post, and at the same time it is a bit pixelled on the frontend. See this image: https://ibb.co/j2WWxU

    This image shows the same image in the backend and in the frontend (on two monitors). Download the image and zoom it in so you will be able to see it in its actual size.

    Theme Author Archimidis Mertzanos

    (@archimidism)

    There is a theme update available in the next hours that solve that issue.
    Cheers ArchimidisM

    Thread Starter Damyan90

    (@damyan90)

    Does this mean that I can remove this piece of code afterward:
    article img{max-width: 100% !important; height:auto;}

    Theme Author Archimidis Mertzanos

    (@archimidism)

    Yes exactly!

    Cheers!

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Responsive Images Problem’ is closed to new replies.

Tags