Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 22, 2014 at 8:03 am #213194
    deyowulf

    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?

    thanks

    Jonny

    January 22, 2014 at 4:31 pm #213363
    Yigit

    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; }

    Cheers!
    Yigit

    January 23, 2014 at 4:21 am #213676
    deyowulf

    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.

    Thanks

    Jonny

    January 23, 2014 at 7:32 am #213719
    Ismael

    Hi!

    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.

    Cheers!
    Ismael

    January 23, 2014 at 8:35 am #213731
    deyowulf

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

    Jonny

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