Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 4, 2014 at 3:11 pm #232235
    cavanaughb

    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!

    March 4, 2014 at 3:12 pm #232238
    cavanaughb
    This reply has been marked as private.
    March 5, 2014 at 5:50 pm #232821
    Yigit

    Hi!

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

    .event-portfolio { height: auto; }

    Best regards,
    Yigit

    March 5, 2014 at 6:11 pm #232836
    cavanaughb

    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.

    March 5, 2014 at 6:15 pm #232841
    Yigit

    Hi!

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

    Regards,
    Yigit

    March 5, 2014 at 6:19 pm #232844
    cavanaughb

    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).

    March 6, 2014 at 7:52 am #233083
    Ismael

    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

    March 6, 2014 at 4:05 pm #233204
    cavanaughb

    Hey Ismael,

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

    Thanks again!

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