Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 19, 2018 at 7:49 am #1011645
    Wisith

    Hi,

    Some pictures are blurry when viewing on mobile devices. My website is http://www.WisithJ.com

    The pictures from these two pages look OK on desktop:

    Amare Global

    About

    But when viewing from my iPhone…they look like this:

    View post on imgur.com

    View post on imgur.com

    Can you please help?

    September 19, 2018 at 9:33 am #1011682
    Ismael

    Hey Wisith,

    Thanks for the update.

    They don’t look that blurry. Is it a retina device? Please try to upload a larger image, perhaps twice the size of the current image.

    Best regards,
    Ismael

    September 19, 2018 at 11:07 am #1011729
    Wisith

    Hey Ismael,

    The pictures definitely look less clear on my iPhone 7 than the desktop.

    I will try to upload bigger versions. The pictures in landscape mode should be OK as I set them in portfolio mode. But the picture in vertical, I set it to actual size because the preset size doesn’t work with vertical style picture.

    Can you advise on what to do? If I set the vertical picture to actual size and re upload a bigger version, it will be too big on desk top mode.

    September 19, 2018 at 4:15 pm #1011890
    Ismael

    Hi,

    Upload a larger image. We can then add a custom css class attribute to the image container and limit the image width with css.

    // https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Example:

    .example-custom-class-attribute img {
    width: 50%;
}

    Best regards,
    Ismael

    September 20, 2018 at 7:55 am #1012157
    Wisith

    Hi Ismael,

    Is that possible to enter a code to resize only one picture that is vertical? The horizontal ones are OK as is.

    September 20, 2018 at 12:25 pm #1012245
    Ismael

    Hi,

    Yes, it’s possible. You have to turn on the custom css class field first and then apply a custom css class attribute to that particular image element or picture.

    Best regards,
    Ismael

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