Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 15, 2014 at 4:49 pm #368350
    codecreative

    hi image sizes are varying on this page

    http://www.dkbglasgow.com/bathrooms/bathroom-suites/

    When in mobile phone version see screenshot

    https://www.dropbox.com/s/1rdbd47g11l6dfc/Screenshot%202014-12-15%2014.41.52.png?dl=0

    Any ideas on how I can ensure all thumbnails follow a uniformed look and size?

    December 15, 2014 at 9:36 pm #368590
    Elliott

    Hey codecreative!

    Some of your images are 140 x 140 and some are a lot bigger, 400 x 400 ish. We can force them to all be a certain size with CSS but the smaller ones will look pixellated.

    You can either force the big ones to display smaller.

    .avia-image-container-inner { max-width: 50% !important; }

    Which would look better. Or force the smaller ones to display bigger.

    .avia-image-container-inner { min-width: 100% !important; }

    Though what I would do is scale the images to the same height before uploading.

    Regards,
    Elliott

    • This reply was modified 9 years, 11 months ago by Elliott.
    December 16, 2014 at 7:08 pm #369095
    codecreative

    Thanks I’ll probably use this css you provided but enscapsulate it with a media rule so its only on iphone

    .avia-image-container-inner { max-width: 50% !important; }

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Image sizes varying’ is closed to new replies.