Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #547980

    Hi!

    On kriesi.at/themes/enfold-startup/our-story/ in the bottom you are using a grid row with an 2/3 easy slider. The images in this slider are stretched so they fill the complete 2/3 box. If I use the image element, I cannot choose to have the images stretched (see the URL in the private content). Is there a way to make this possible?

    Thanks!
    Daniel

    #547989

    Hey Daniel!

    It seems like you have already figured it out? It does look fine on my end (please see screenshot in private content field).
    If that is not what you meant, please post a screenshot and show the changes you would like to make.

    Regards,
    Yigit

    #547992

    Hi Yigit,

    First off, thanks for your incredibly quick answers!

    I managed it temporarily by using very large images, but this makes the page load slower. Also my client uses a large screen and at some point the image does not fit anymore. I’ve put the screenshot in the private content field.

    Cheers,
    Daniel

    #547995

    Hey!

    Do you mind creating a testing and then creating temporary admin logins and posting them here privately so we can look into it?
    If image width is smaller than cells width, image quality will be poor when stretched.

    Regards,
    Yigit

    #548020

    Hi Yigit,

    I understand image quality will be lower but that’s okay. The admin credentials are in the hidden fields.

    Thanks, Daniel

    #548067

    Hi!

    I checked your page on 1920x1200px screensize but it still does look fine on my end. What is the resolution of the screen you are using to reproduce the issue?

    Best regards,
    Yigit

    #548077

    Hi Yigit,

    Dimensions:
    Browser window width: 2560
    Browser window height: 1338

    I understand that only a small percentage of users actually use this screen size, but I’d rather use smaller images than 1500px width.

    #548085

    Hey!

    Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (min-width: 1920px) {
    .flex_cell_inner .avia-image-container-inner,  .flex_cell_inner .avia-image-container-inner img {
        width: 100%!important;
    }}

    Best regards,
    Yigit

    #548122

    That looks awesome Yigit, thanks!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Stretch image with Grid Row + Media Element: Image vs Easy slider’ is closed to new replies.