Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #213194

    Hi Guys,

    I’d like to put a maximum height on the image preview in the post slider i have set up on the left side of this page (underneath “make my recipes”) – http://www.jonnyfreesh.com/home-page-take-2/

    right now when i scroll through the images, the size of the preview images changes and then content below it gets pushed down.

    How can I do this?




    Hi deyowulf!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .avia-content-slider .slide-entry { min-height: 530px; }



    Hi Yigit,

    That code makes a minimum height for the entire entry, not just the image. so what happens is that when the image is bigger than that height, it gets cut off and then the title of the post, the date and the “read more” link underneath it get removed.

    I have left it as is so you can see what happens. Please let me know if there is a way to just put a maximum height on the images.





    You can but it will stretch the images to an ugly proportion.

    .avia-content-slider .slide-image img {
    max-height: 200px;
    width: 100%;

    Please try to use images with the same ratio or dimension. Edit or crop them first before uploading.



    Right that makes sense. Was hoping that maybe it would just crop the images but I guess that would probably not work well either. I will just resize all my preview images and make sure to have a consistent size from now on. Thanks for the help again guys :)


Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Max Height for Post Slider’ is closed to new replies.