Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #232235

    Hi all,

    After searching the forums, I’m stumped. I am trying to create a fullwidth easy slider with a static height and to a certain extend, I’ve been successful… but it requires me to manually resize each image with the same height and variable width.

    I am using the fullwidth easy slider in Enfold and assigning a height value via custom css. Is there a way to automatically resize the photos inserted into the fullwidth easy slider to match?

    Thank you!

    #232238
    This reply has been marked as private.
    #232821

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .event-portfolio { height: auto; }

    Best regards,
    Yigit

    #232836

    Hi Yigit,

    Thanks for the response. I previously had this code in the quick css:

    .event-portfolio { height: 500px; margin-bottom: 30px; }

    Changing it to “height: auto;” did not seem to change anything.

    #232841

    Hi!

    Please flush browser cache and refresh your page a few times. It does make changes on my end

    Regards,
    Yigit

    #232844

    Hi Yigit,

    Ah–thanks. I see that it changed, but I would like to have the height remain static at 500px and the images automatically resize to fit that height and a variable width (maintaining their aspect ratio).

    #233083

    Hi!

    Thank you for using the theme. I hope you’re doing great.

    You can use this but it will stretch the images:

    .event-portfolio {
    height: 500px;
    }
    
    .event-portfolio .avia-slideshow.image_no_stretch li img {
    width: 100%;
    height: 500px;
    }

    You should upload images with the same ratio and dimension to maintain a static slider height. If you want to maintain the image proportion of the images, you can use this:

    .event-portfolio {
    height: 500px;
    }
    
    .event-portfolio .avia-slideshow.image_no_stretch li img {
    width: auto;
    height: 500px;
    }

    Cheers!
    Ismael

    #233204

    Hey Ismael,

    That’s perfect — the second solution is exactly what I am after.

    Thanks again!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fullwidth Easy Slider Static Height’ is closed to new replies.