Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 31, 2023 at 12:32 pm #1424240
    karinkropik

    Hello!

    The images I use in the full width slider appear blurred although the size is big enough. I noticed that I cannot choose “original size” like I can when I normally insert pictures – there I have a great variety of choices for the image size (like original size, featured, gallery and so on). When using the full width slider those options are not shown, so I don’t know what image size the system takes. Also on the mobile view, the images in the full width slider appear blurred. With the full screen slider those problems do not appear. I really love to use the full width slider like that, but wish to have sharp images. Is there any solution/workaround to this?

    Many thanks!
    Karin

    November 1, 2023 at 3:40 am #1424281
    Ismael

    Hey karinkropik,

    Thank you for the inquiry.

    When using the full width slider those options are not shown, so I don’t know what image size the system takes.

    When using the Fullwidth Easy Slider, you have the option to select the image size or thumbnail. Please go to the Styling > Slides section and choose the desired size in the Slideshow Image and Video Size settings. Additionally, you can set a minimum pixel height and enable image stretching to cover the entire slider.

    Best regards,
    Ismael

    November 2, 2023 at 8:58 am #1424360
    karinkropik

    Hi Ismael,

    thanks, found it! So I guess it then just depends on the pixel of the original image in order to show not blurred?

    Best regards,
    Karin

    November 2, 2023 at 2:44 pm #1424397
    karinkropik

    Hi Ismael,

    if I don’t use the option “stretch the image”, a light grey line is visible above and below the image. See screenshot. Is there a way to remove this “line”?

    Thanks,
    Karin
    https://img.savvyify.com/image/96sua

    November 2, 2023 at 4:11 pm #1424410
    Ismael

    Hi,

    Thank you for the update.

    The light grey line is the default border or box shadow of the slider. You can remove it with this css code.

    .avia-shadow {
    box-shadow: none;
    border: 0;
}

    Best regards,
    Ismael

    November 2, 2023 at 5:32 pm #1424427
    karinkropik

    Great, thanks!

    November 3, 2023 at 2:36 am #1424457
    Ismael

    Hi,

    No problem! Please do not hesitate to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Images used in full width slider shown blurry’ is closed to new replies.